#4D5444 - #CCCEC9 | 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 #4D5444 a #CCCEC9

#4D5444 #CCCEC9

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

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

0.0%	0.0% #4D5444	RGB 77 84 68	#4D5444
16.7%	16.7% #62685A	RGB 98 104 90	#62685A
33.3%	33.3% #777C70	RGB 119 124 112	#777C70
50.0%	50.0% #8C9186	RGB 140 145 134	#8C9186
66.7%	66.7% #A1A59C	RGB 161 165 156	#A1A59C
83.3%	83.3% #B6B9B2	RGB 182 185 178	#B6B9B2
100.0%	100.0% #CCCEC9	RGB 204 206 201	#CCCEC9

#4D5444 #62685A #777C70 #8C9186 #A1A59C #B6B9B2 #CCCEC9

#4D5444 - #CCCEC9

Mezcla HSV

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

0.0%	0.0% #4D5444	RGB 77 84 68	#4D5444
16.7%	16.7% #616857	RGB 97 104 87	#616857
33.3%	33.3% #757C6B	RGB 117 124 107	#757C6B
50.0%	50.0% #8A9181	RGB 138 145 129	#8A9181
66.7%	66.7% #9FA598	RGB 159 165 152	#9FA598
83.3%	83.3% #B5B9B0	RGB 181 185 176	#B5B9B0
100.0%	100.0% #CCCEC9	RGB 204 206 201	#CCCEC9

#4D5444 #616857 #757C6B #8A9181 #9FA598 #B5B9B0 #CCCEC9

#4D5444 - #8A9181 - #CCCEC9

Códigos CSS

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

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