#E3E7FF - #8F8BCE | 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 #E3E7FF a #8F8BCE

#E3E7FF #8F8BCE

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

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

0.0%	0.0% #E3E7FF	RGB 227 231 255	#E3E7FF
16.7%	16.7% #D5D7F6	RGB 213 215 246	#D5D7F6
33.3%	33.3% #C7C8EE	RGB 199 200 238	#C7C8EE
50.0%	50.0% #B9B9E6	RGB 185 185 230	#B9B9E6
66.7%	66.7% #ABA9DE	RGB 171 169 222	#ABA9DE
83.3%	83.3% #9D9AD6	RGB 157 154 214	#9D9AD6
100.0%	100.0% #8F8BCE	RGB 143 139 206	#8F8BCE

#E3E7FF #D5D7F6 #C7C8EE #B9B9E6 #ABA9DE #9D9AD6 #8F8BCE

#E3E7FF - #8F8BCE

Mezcla HSV

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

0.0%	0.0% #E3E7FF	RGB 227 231 255	#E3E7FF
16.7%	16.7% #D2D6F6	RGB 210 214 246	#D2D6F6
33.3%	33.3% #C3C6EE	RGB 195 198 238	#C3C6EE
50.0%	50.0% #B4B6E6	RGB 180 182 230	#B4B6E6
66.7%	66.7% #A5A6DE	RGB 165 166 222	#A5A6DE
83.3%	83.3% #9998D6	RGB 153 152 214	#9998D6
100.0%	100.0% #8F8BCE	RGB 143 139 206	#8F8BCE

#E3E7FF #D2D6F6 #C3C6EE #B4B6E6 #A5A6DE #9998D6 #8F8BCE

#E3E7FF - #B4B6E6 - #8F8BCE

Códigos CSS

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

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