#C55F58 - #EED1CF | 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 #C55F58 a #EED1CF

#C55F58 #EED1CF

Calcule el color entre dos colores, #C55F58 y #EED1CF. 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)

#C55F58 - #EED1CF | 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 #C55F58 como 0% y #EED1CF como 100%.

0.0%	0.0% #C55F58	RGB 197 95 88	#C55F58
16.7%	16.7% #CB726B	RGB 203 114 107	#CB726B
33.3%	33.3% #D2857F	RGB 210 133 127	#D2857F
50.0%	50.0% #D99893	RGB 217 152 147	#D99893
66.7%	66.7% #E0ABA7	RGB 224 171 167	#E0ABA7
83.3%	83.3% #E7BEBB	RGB 231 190 187	#E7BEBB
100.0%	100.0% #EED1CF	RGB 238 209 207	#EED1CF

#C55F58 #CB726B #D2857F #D99893 #E0ABA7 #E7BEBB #EED1CF

#C55F58 - #EED1CF

Mezcla HSV

#C55F58 - #EED1CF | 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 #C55F58 como 0% y #EED1CF como 100%.

0.0%	0.0% #C55E57	RGB 197 94 87	#C55E57
16.7%	16.7% #CB6F69	RGB 203 111 105	#CB6F69
33.3%	33.3% #D2817B	RGB 210 129 123	#D2817B
50.0%	50.0% #D9938F	RGB 217 147 143	#D9938F
66.7%	66.7% #E0A7A3	RGB 224 167 163	#E0A7A3
83.3%	83.3% #E7BBB8	RGB 231 187 184	#E7BBB8
100.0%	100.0% #EED1CF	RGB 238 209 207	#EED1CF

#C55E57 #CB6F69 #D2817B #D9938F #E0A7A3 #E7BBB8 #EED1CF

#C55F58 - #D9938F - #EED1CF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C55E57 0%, #D9938F 50%, #EED1CF 100%);
    background: -webkit-linear-gradient(top, #C55E57 0%, #D9938F 50%, #EED1CF 100%);
    background: linear-gradient(to bottom, #C55E57 0%, #D9938F 50%, #EED1CF 100%);
}
</style>