#BAB5E4 - #FFE7DC | 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 #BAB5E4 a #FFE7DC

#BAB5E4 #FFE7DC

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

#BAB5E4 - #FFE7DC | 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 #BAB5E4 como 0% y #FFE7DC como 100%.

0.0%	0.0% #BAB5E4	RGB 186 181 228	#BAB5E4
16.7%	16.7% #C5BDE2	RGB 197 189 226	#C5BDE2
33.3%	33.3% #D1C5E1	RGB 209 197 225	#D1C5E1
50.0%	50.0% #DCCEE0	RGB 220 206 224	#DCCEE0
66.7%	66.7% #E8D6DE	RGB 232 214 222	#E8D6DE
83.3%	83.3% #F3DEDD	RGB 243 222 221	#F3DEDD
100.0%	100.0% #FFE7DC	RGB 255 231 220	#FFE7DC

#BAB5E4 #C5BDE2 #D1C5E1 #DCCEE0 #E8D6DE #F3DEDD #FFE7DC

#BAB5E4 - #FFE7DC

Mezcla HSV

#BAB5E4 - #FFE7DC | 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 #BAB5E4 como 0% y #FFE7DC como 100%.

0.0%	0.0% #BAB5E4	RGB 186 181 228	#BAB5E4
16.7%	16.7% #D0BBE8	RGB 208 187 232	#D0BBE8
33.3%	33.3% #E6C1ED	RGB 230 193 237	#E6C1ED
50.0%	50.0% #F1C8E8	RGB 241 200 232	#F1C8E8
66.7%	66.7% #F6CEDF	RGB 246 206 223	#F6CEDF
83.3%	83.3% #FAD5D7	RGB 250 213 215	#FAD5D7
100.0%	100.0% #FFE7DC	RGB 255 231 220	#FFE7DC

#BAB5E4 #D0BBE8 #E6C1ED #F1C8E8 #F6CEDF #FAD5D7 #FFE7DC

#BAB5E4 - #F1C8E8 - #FFE7DC

Códigos CSS

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

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