#4E593F - #CCCFC8 | 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 #4E593F a #CCCFC8

#4E593F #CCCFC8

Calcule el color entre dos colores, #4E593F y #CCCFC8. 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)

#4E593F - #CCCFC8 | 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 #4E593F como 0% y #CCCFC8 como 100%.

0.0%	0.0% #4E593F	RGB 78 89 63	#4E593F
16.7%	16.7% #636C55	RGB 99 108 85	#636C55
33.3%	33.3% #78806C	RGB 120 128 108	#78806C
50.0%	50.0% #8D9483	RGB 141 148 131	#8D9483
66.7%	66.7% #A2A79A	RGB 162 167 154	#A2A79A
83.3%	83.3% #B7BBB1	RGB 183 187 177	#B7BBB1
100.0%	100.0% #CCCFC8	RGB 204 207 200	#CCCFC8

#4E593F #636C55 #78806C #8D9483 #A2A79A #B7BBB1 #CCCFC8

#4E593F - #CCCFC8

Mezcla HSV

#4E593F - #CCCFC8 | 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 #4E593F como 0% y #CCCFC8 como 100%.

0.0%	0.0% #4E593F	RGB 78 89 63	#4E593F
16.7%	16.7% #616C51	RGB 97 108 81	#616C51
33.3%	33.3% #758065	RGB 117 128 101	#758065
50.0%	50.0% #89947B	RGB 137 148 123	#89947B
66.7%	66.7% #9FA793	RGB 159 167 147	#9FA793
83.3%	83.3% #B5BBAC	RGB 181 187 172	#B5BBAC
100.0%	100.0% #CCCFC8	RGB 204 207 200	#CCCFC8

#4E593F #616C51 #758065 #89947B #9FA793 #B5BBAC #CCCFC8

#4E593F - #89947B - #CCCFC8

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E593F 0%, #89947B 50%, #CCCFC8 100%);
    background: -webkit-linear-gradient(top, #4E593F 0%, #89947B 50%, #CCCFC8 100%);
    background: linear-gradient(to bottom, #4E593F 0%, #89947B 50%, #CCCFC8 100%);
}
</style>