#E5E3FF - #A38BCE | 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 #E5E3FF a #A38BCE

#E5E3FF #A38BCE

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

#E5E3FF - #A38BCE | 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 #E5E3FF como 0% y #A38BCE como 100%.

0.0%	0.0% #E5E3FF	RGB 229 227 255	#E5E3FF
16.7%	16.7% #DAD4F6	RGB 218 212 246	#DAD4F6
33.3%	33.3% #CFC5EE	RGB 207 197 238	#CFC5EE
50.0%	50.0% #C4B7E6	RGB 196 183 230	#C4B7E6
66.7%	66.7% #B9A8DE	RGB 185 168 222	#B9A8DE
83.3%	83.3% #AE99D6	RGB 174 153 214	#AE99D6
100.0%	100.0% #A38BCE	RGB 163 139 206	#A38BCE

#E5E3FF #DAD4F6 #CFC5EE #C4B7E6 #B9A8DE #AE99D6 #A38BCE

#E5E3FF - #A38BCE

Mezcla HSV

#E5E3FF - #A38BCE | 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 #E5E3FF como 0% y #A38BCE como 100%.

0.0%	0.0% #E5E3FF	RGB 229 227 255	#E5E3FF
16.7%	16.7% #D7D2F6	RGB 215 210 246	#D7D2F6
33.3%	33.3% #CAC3EE	RGB 202 195 238	#CAC3EE
50.0%	50.0% #BFB4E6	RGB 191 180 230	#BFB4E6
66.7%	66.7% #B4A5DE	RGB 180 165 222	#B4A5DE
83.3%	83.3% #AB98D6	RGB 171 152 214	#AB98D6
100.0%	100.0% #A38BCE	RGB 163 139 206	#A38BCE

#E5E3FF #D7D2F6 #CAC3EE #BFB4E6 #B4A5DE #AB98D6 #A38BCE

#E5E3FF - #BFB4E6 - #A38BCE

Códigos CSS

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

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