#E7E5E5 - #D59CA5 | 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 #E7E5E5 a #D59CA5

#E7E5E5 #D59CA5

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

#E7E5E5 - #D59CA5 | 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 #E7E5E5 como 0% y #D59CA5 como 100%.

0.0%	0.0% #E7E5E5	RGB 231 229 229	#E7E5E5
16.7%	16.7% #E4D8DA	RGB 228 216 218	#E4D8DA
33.3%	33.3% #E1CCCF	RGB 225 204 207	#E1CCCF
50.0%	50.0% #DEC0C5	RGB 222 192 197	#DEC0C5
66.7%	66.7% #DBB4BA	RGB 219 180 186	#DBB4BA
83.3%	83.3% #D8A8AF	RGB 216 168 175	#D8A8AF
100.0%	100.0% #D59CA5	RGB 213 156 165	#D59CA5

#E7E5E5 #E4D8DA #E1CCCF #DEC0C5 #DBB4BA #D8A8AF #D59CA5

#E7E5E5 - #D59CA5

Mezcla HSV

#E7E5E5 - #D59CA5 | 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 #E7E5E5 como 0% y #D59CA5 como 100%.

0.0%	0.0% #E7E5E5	RGB 231 229 229	#E7E5E5
16.7%	16.7% #E4D8D8	RGB 228 216 216	#E4D8D8
33.3%	33.3% #E1CBCC	RGB 225 203 204	#E1CBCC
50.0%	50.0% #DEBFC1	RGB 222 191 193	#DEBFC1
66.7%	66.7% #DBB3B7	RGB 219 179 183	#DBB3B7
83.3%	83.3% #D8A7AD	RGB 216 167 173	#D8A7AD
100.0%	100.0% #D59CA5	RGB 213 156 165	#D59CA5

#E7E5E5 #E4D8D8 #E1CBCC #DEBFC1 #DBB3B7 #D8A7AD #D59CA5

#E7E5E5 - #DEBFC1 - #D59CA5

Códigos CSS

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

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