#E1B5E7 - #8C52A9 | 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 #E1B5E7 a #8C52A9

#E1B5E7 #8C52A9

Calcule el color entre dos colores, #E1B5E7 y #8C52A9. 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)

#E1B5E7 - #8C52A9 | 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 #E1B5E7 como 0% y #8C52A9 como 100%.

0.0%	0.0% #E1B5E7	RGB 225 181 231	#E1B5E7
16.7%	16.7% #D2A4DC	RGB 210 164 220	#D2A4DC
33.3%	33.3% #C494D2	RGB 196 148 210	#C494D2
50.0%	50.0% #B683C8	RGB 182 131 200	#B683C8
66.7%	66.7% #A873BD	RGB 168 115 189	#A873BD
83.3%	83.3% #9A62B3	RGB 154 98 179	#9A62B3
100.0%	100.0% #8C52A9	RGB 140 82 169	#8C52A9

#E1B5E7 #D2A4DC #C494D2 #B683C8 #A873BD #9A62B3 #8C52A9

#E1B5E7 - #8C52A9

Mezcla HSV

#E1B5E7 - #8C52A9 | 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 #E1B5E7 como 0% y #8C52A9 como 100%.

0.0%	0.0% #E1B5E7	RGB 225 181 231	#E1B5E7
16.7%	16.7% #D3A1DC	RGB 211 161 220	#D3A1DC
33.3%	33.3% #C58FD2	RGB 197 143 210	#C58FD2
50.0%	50.0% #B77EC8	RGB 183 126 200	#B77EC8
66.7%	66.7% #A96EBD	RGB 169 110 189	#A96EBD
83.3%	83.3% #9A5FB3	RGB 154 95 179	#9A5FB3
100.0%	100.0% #8C52A9	RGB 140 82 169	#8C52A9

#E1B5E7 #D3A1DC #C58FD2 #B77EC8 #A96EBD #9A5FB3 #8C52A9

#E1B5E7 - #B77EC8 - #8C52A9

Códigos CSS

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

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