#4E4D3C - #CCCCC7 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #4E4D3C a #CCCCC7

#4E4D3C #CCCCC7

Calcule el color entre dos colores, #4E4D3C y #CCCCC7. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#4E4D3C - #CCCCC7 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #4E4D3C como 0% y #CCCCC7 como 100%.

0.0%	0.0% #4E4D3C	RGB 78 77 60	#4E4D3C
16.7%	16.7% #636253	RGB 99 98 83	#636253
33.3%	33.3% #78776A	RGB 120 119 106	#78776A
50.0%	50.0% #8D8C81	RGB 141 140 129	#8D8C81
66.7%	66.7% #A2A198	RGB 162 161 152	#A2A198
83.3%	83.3% #B7B6AF	RGB 183 182 175	#B7B6AF
100.0%	100.0% #CCCCC7	RGB 204 204 199	#CCCCC7

#4E4D3C #636253 #78776A #8D8C81 #A2A198 #B7B6AF #CCCCC7

#4E4D3C - #CCCCC7

Mezcla HSV

#4E4D3C - #CCCCC7 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #4E4D3C como 0% y #CCCCC7 como 100%.

0.0%	0.0% #4E4D3C	RGB 78 77 60	#4E4D3C
16.7%	16.7% #63624F	RGB 99 98 79	#63624F
33.3%	33.3% #787764	RGB 120 119 100	#787764
50.0%	50.0% #8D8C7B	RGB 141 140 123	#8D8C7B
66.7%	66.7% #A2A192	RGB 162 161 146	#A2A192
83.3%	83.3% #B7B6AC	RGB 183 182 172	#B7B6AC
100.0%	100.0% #CCCCC7	RGB 204 204 199	#CCCCC7

#4E4D3C #63624F #787764 #8D8C7B #A2A192 #B7B6AC #CCCCC7

#4E4D3C - #8D8C7B - #CCCCC7

Códigos CSS

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #4E4D3C 0%, #CCCCC7 100%);
    background: -webkit-linear-gradient(top, #4E4D3C 0%, #CCCCC7 100%);
    background: linear-gradient(to bottom, #4E4D3C 0%, #CCCCC7 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E4D3C 0%, #8D8C7B 50%, #CCCCC7 100%);
    background: -webkit-linear-gradient(top, #4E4D3C 0%, #8D8C7B 50%, #CCCCC7 100%);
    background: linear-gradient(to bottom, #4E4D3C 0%, #8D8C7B 50%, #CCCCC7 100%);
}
</style>