#E6DAE5 - #B971B5 | 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 #E6DAE5 a #B971B5

#E6DAE5 #B971B5

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

#E6DAE5 - #B971B5 | 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 #E6DAE5 como 0% y #B971B5 como 100%.

0.0%	0.0% #E6DAE5	RGB 230 218 229	#E6DAE5
16.7%	16.7% #DEC8DD	RGB 222 200 221	#DEC8DD
33.3%	33.3% #D7B7D5	RGB 215 183 213	#D7B7D5
50.0%	50.0% #CFA5CD	RGB 207 165 205	#CFA5CD
66.7%	66.7% #C894C5	RGB 200 148 197	#C894C5
83.3%	83.3% #C082BD	RGB 192 130 189	#C082BD
100.0%	100.0% #B971B5	RGB 185 113 181	#B971B5

#E6DAE5 #DEC8DD #D7B7D5 #CFA5CD #C894C5 #C082BD #B971B5

#E6DAE5 - #B971B5

Mezcla HSV

#E6DAE5 - #B971B5 | 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 #E6DAE5 como 0% y #B971B5 como 100%.

0.0%	0.0% #E6DAE5	RGB 230 218 229	#E6DAE5
16.7%	16.7% #DEC6DC	RGB 222 198 220	#DEC6DC
33.3%	33.3% #D7B3D4	RGB 215 179 212	#D7B3D4
50.0%	50.0% #CFA1CC	RGB 207 161 204	#CFA1CC
66.7%	66.7% #C890C4	RGB 200 144 196	#C890C4
83.3%	83.3% #C080BC	RGB 192 128 188	#C080BC
100.0%	100.0% #B971B5	RGB 185 113 181	#B971B5

#E6DAE5 #DEC6DC #D7B3D4 #CFA1CC #C890C4 #C080BC #B971B5

#E6DAE5 - #CFA1CC - #B971B5

Códigos CSS

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

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