#E2D4DC - #A876A8 | 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 #E2D4DC a #A876A8

#E2D4DC #A876A8

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

#E2D4DC - #A876A8 | 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 #E2D4DC como 0% y #A876A8 como 100%.

0.0%	0.0% #E2D4DC	RGB 226 212 220	#E2D4DC
16.7%	16.7% #D8C4D3	RGB 216 196 211	#D8C4D3
33.3%	33.3% #CEB4CA	RGB 206 180 202	#CEB4CA
50.0%	50.0% #C5A5C2	RGB 197 165 194	#C5A5C2
66.7%	66.7% #BB95B9	RGB 187 149 185	#BB95B9
83.3%	83.3% #B185B0	RGB 177 133 176	#B185B0
100.0%	100.0% #A876A8	RGB 168 118 168	#A876A8

#E2D4DC #D8C4D3 #CEB4CA #C5A5C2 #BB95B9 #B185B0 #A876A8

#E2D4DC - #A876A8

Mezcla HSV

#E2D4DC - #A876A8 | 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 #E2D4DC como 0% y #A876A8 como 100%.

0.0%	0.0% #E2D4DC	RGB 226 212 220	#E2D4DC
16.7%	16.7% #D8C2D0	RGB 216 194 208	#D8C2D0
33.3%	33.3% #CEB1C6	RGB 206 177 198	#CEB1C6
50.0%	50.0% #C5A1BD	RGB 197 161 189	#C5A1BD
66.7%	66.7% #BB92B5	RGB 187 146 181	#BB92B5
83.3%	83.3% #B183AE	RGB 177 131 174	#B183AE
100.0%	100.0% #A876A8	RGB 168 118 168	#A876A8

#E2D4DC #D8C2D0 #CEB1C6 #C5A1BD #BB92B5 #B183AE #A876A8

#E2D4DC - #C5A1BD - #A876A8

Códigos CSS

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

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