#E5ADB9 - #D3C7E5 | 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 #E5ADB9 a #D3C7E5

#E5ADB9 #D3C7E5

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

#E5ADB9 - #D3C7E5 | 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 #E5ADB9 como 0% y #D3C7E5 como 100%.

0.0%	0.0% #E5ADB9	RGB 229 173 185	#E5ADB9
16.7%	16.7% #E2B1C0	RGB 226 177 192	#E2B1C0
33.3%	33.3% #DFB5C7	RGB 223 181 199	#DFB5C7
50.0%	50.0% #DCBACF	RGB 220 186 207	#DCBACF
66.7%	66.7% #D9BED6	RGB 217 190 214	#D9BED6
83.3%	83.3% #D6C2DD	RGB 214 194 221	#D6C2DD
100.0%	100.0% #D3C7E5	RGB 211 199 229	#D3C7E5

#E5ADB9 #E2B1C0 #DFB5C7 #DCBACF #D9BED6 #D6C2DD #D3C7E5

#E5ADB9 - #D3C7E5

Mezcla HSV

#E5ADB9 - #D3C7E5 | 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 #E5ADB9 como 0% y #D3C7E5 como 100%.

0.0%	0.0% #E5ADB9	RGB 229 173 185	#E5ADB9
16.7%	16.7% #E5B1C8	RGB 229 177 200	#E5B1C8
33.3%	33.3% #E5B5D5	RGB 229 181 213	#E5B5D5
50.0%	50.0% #E5BAE1	RGB 229 186 225	#E5BAE1
66.7%	66.7% #DFBEE5	RGB 223 190 229	#DFBEE5
83.3%	83.3% #D8C2E5	RGB 216 194 229	#D8C2E5
100.0%	100.0% #D3C7E5	RGB 211 199 229	#D3C7E5

#E5ADB9 #E5B1C8 #E5B5D5 #E5BAE1 #DFBEE5 #D8C2E5 #D3C7E5

#E5ADB9 - #E5BAE1 - #D3C7E5

Códigos CSS

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

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