#E2B0FF - #8E3ECE | 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 #E2B0FF a #8E3ECE

#E2B0FF #8E3ECE

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

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

0.0%	0.0% #E2B0FF	RGB 226 176 255	#E2B0FF
16.7%	16.7% #D49DF6	RGB 212 157 246	#D49DF6
33.3%	33.3% #C68AEE	RGB 198 138 238	#C68AEE
50.0%	50.0% #B877E6	RGB 184 119 230	#B877E6
66.7%	66.7% #AA64DE	RGB 170 100 222	#AA64DE
83.3%	83.3% #9C51D6	RGB 156 81 214	#9C51D6
100.0%	100.0% #8E3ECE	RGB 142 62 206	#8E3ECE

#E2B0FF #D49DF6 #C68AEE #B877E6 #AA64DE #9C51D6 #8E3ECE

#E2B0FF - #8E3ECE

Mezcla HSV

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

0.0%	0.0% #E2B0FF	RGB 226 176 255	#E2B0FF
16.7%	16.7% #D39AF6	RGB 211 154 246	#D39AF6
33.3%	33.3% #C585EE	RGB 197 133 238	#C585EE
50.0%	50.0% #B772E6	RGB 183 114 230	#B772E6
66.7%	66.7% #A95FDE	RGB 169 95 222	#A95FDE
83.3%	83.3% #9B4ED6	RGB 155 78 214	#9B4ED6
100.0%	100.0% #8E3ECE	RGB 142 62 206	#8E3ECE

#E2B0FF #D39AF6 #C585EE #B772E6 #A95FDE #9B4ED6 #8E3ECE

#E2B0FF - #B772E6 - #8E3ECE

Códigos CSS

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

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