#E1B5E6 - #8C53A8 | 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 #E1B5E6 a #8C53A8

#E1B5E6 #8C53A8

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

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

0.0%	0.0% #E1B5E6	RGB 225 181 230	#E1B5E6
16.7%	16.7% #D2A4DB	RGB 210 164 219	#D2A4DB
33.3%	33.3% #C494D1	RGB 196 148 209	#C494D1
50.0%	50.0% #B684C7	RGB 182 132 199	#B684C7
66.7%	66.7% #A873BC	RGB 168 115 188	#A873BC
83.3%	83.3% #9A63B2	RGB 154 99 178	#9A63B2
100.0%	100.0% #8C53A8	RGB 140 83 168	#8C53A8

#E1B5E6 #D2A4DB #C494D1 #B684C7 #A873BC #9A63B2 #8C53A8

#E1B5E6 - #8C53A8

Mezcla HSV

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

0.0%	0.0% #E1B5E6	RGB 225 181 230	#E1B5E6
16.7%	16.7% #D3A2DB	RGB 211 162 219	#D3A2DB
33.3%	33.3% #C590D1	RGB 197 144 209	#C590D1
50.0%	50.0% #B77FC7	RGB 183 127 199	#B77FC7
66.7%	66.7% #A96FBC	RGB 169 111 188	#A96FBC
83.3%	83.3% #9A60B2	RGB 154 96 178	#9A60B2
100.0%	100.0% #8C53A8	RGB 140 83 168	#8C53A8

#E1B5E6 #D3A2DB #C590D1 #B77FC7 #A96FBC #9A60B2 #8C53A8

#E1B5E6 - #B77FC7 - #8C53A8

Códigos CSS

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

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