#E5C8C8 - #BA5B5A | 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 #E5C8C8 a #BA5B5A

#E5C8C8 #BA5B5A

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

#E5C8C8 - #BA5B5A | 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 #E5C8C8 como 0% y #BA5B5A como 100%.

0.0%	0.0% #E5C8C8	RGB 229 200 200	#E5C8C8
16.7%	16.7% #DDB5B5	RGB 221 181 181	#DDB5B5
33.3%	33.3% #D6A3A3	RGB 214 163 163	#D6A3A3
50.0%	50.0% #CF9191	RGB 207 145 145	#CF9191
66.7%	66.7% #C87F7E	RGB 200 127 126	#C87F7E
83.3%	83.3% #C16D6C	RGB 193 109 108	#C16D6C
100.0%	100.0% #BA5B5A	RGB 186 91 90	#BA5B5A

#E5C8C8 #DDB5B5 #D6A3A3 #CF9191 #C87F7E #C16D6C #BA5B5A

#E5C8C8 - #BA5B5A

Mezcla HSV

#E5C8C8 - #BA5B5A | 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 #E5C8C8 como 0% y #BA5B5A como 100%.

0.0%	0.0% #E5C8C8	RGB 229 200 200	#E5C8C8
16.7%	16.7% #DDB3B3	RGB 221 179 179	#DDB3B3
33.3%	33.3% #D69F9F	RGB 214 159 159	#D69F9F
50.0%	50.0% #CF8D8C	RGB 207 141 140	#CF8D8C
66.7%	66.7% #C87B7A	RGB 200 123 122	#C87B7A
83.3%	83.3% #C16A6A	RGB 193 106 106	#C16A6A
100.0%	100.0% #BA5B5A	RGB 186 91 90	#BA5B5A

#E5C8C8 #DDB3B3 #D69F9F #CF8D8C #C87B7A #C16A6A #BA5B5A

#E5C8C8 - #CF8D8C - #BA5B5A

Códigos CSS

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

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