#E300D9 - #B3C2FF | 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 #E300D9 a #B3C2FF

#E300D9 #B3C2FF

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

#E300D9 - #B3C2FF | 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 #E300D9 como 0% y #B3C2FF como 100%.

0.0%	0.0% #E300D9	RGB 227 0 217	#E300D9
16.7%	16.7% #DB20DF	RGB 219 32 223	#DB20DF
33.3%	33.3% #D340E5	RGB 211 64 229	#D340E5
50.0%	50.0% #CB61EC	RGB 203 97 236	#CB61EC
66.7%	66.7% #C381F2	RGB 195 129 242	#C381F2
83.3%	83.3% #BBA1F8	RGB 187 161 248	#BBA1F8
100.0%	100.0% #B3C2FF	RGB 179 194 255	#B3C2FF

#E300D9 #DB20DF #D340E5 #CB61EC #C381F2 #BBA1F8 #B3C2FF

#E300D9 - #B3C2FF

Mezcla HSV

#E300D9 - #B3C2FF | 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 #E300D9 como 0% y #B3C2FF como 100%.

0.0%	0.0% #E300D9	RGB 227 0 217	#E300D9
16.7%	16.7% #C61BE7	RGB 198 27 231	#C61BE7
33.3%	33.3% #A937EC	RGB 169 55 236	#A937EC
50.0%	50.0% #9654F1	RGB 150 84 241	#9654F1
66.7%	66.7% #8F72F5	RGB 143 114 245	#8F72F5
83.3%	83.3% #9392FA	RGB 147 146 250	#9392FA
100.0%	100.0% #B3C2FF	RGB 179 194 255	#B3C2FF

#E300D9 #C61BE7 #A937EC #9654F1 #8F72F5 #9392FA #B3C2FF

#E300D9 - #9654F1 - #B3C2FF

Códigos CSS

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

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