#EDE5E7 - #DD9BA5 | 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 #EDE5E7 a #DD9BA5

#EDE5E7 #DD9BA5

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

#EDE5E7 - #DD9BA5 | 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 #EDE5E7 como 0% y #DD9BA5 como 100%.

0.0%	0.0% #EDE5E7	RGB 237 229 231	#EDE5E7
16.7%	16.7% #EAD8DC	RGB 234 216 220	#EAD8DC
33.3%	33.3% #E7CCD1	RGB 231 204 209	#E7CCD1
50.0%	50.0% #E5C0C6	RGB 229 192 198	#E5C0C6
66.7%	66.7% #E2B3BB	RGB 226 179 187	#E2B3BB
83.3%	83.3% #DFA7B0	RGB 223 167 176	#DFA7B0
100.0%	100.0% #DD9BA5	RGB 221 155 165	#DD9BA5

#EDE5E7 #EAD8DC #E7CCD1 #E5C0C6 #E2B3BB #DFA7B0 #DD9BA5

#EDE5E7 - #DD9BA5

Mezcla HSV

#EDE5E7 - #DD9BA5 | 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 #EDE5E7 como 0% y #DD9BA5 como 100%.

0.0%	0.0% #EDE5E7	RGB 237 229 231	#EDE5E7
16.7%	16.7% #EAD8DC	RGB 234 216 220	#EAD8DC
33.3%	33.3% #E7CBD1	RGB 231 203 209	#E7CBD1
50.0%	50.0% #E5BEC6	RGB 229 190 198	#E5BEC6
66.7%	66.7% #E2B2BB	RGB 226 178 187	#E2B2BB
83.3%	83.3% #DFA6B0	RGB 223 166 176	#DFA6B0
100.0%	100.0% #DD9BA5	RGB 221 155 165	#DD9BA5

#EDE5E7 #EAD8DC #E7CBD1 #E5BEC6 #E2B2BB #DFA6B0 #DD9BA5

#EDE5E7 - #E5BEC6 - #DD9BA5

Códigos CSS

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

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