#BAB5E8 - #714EAC | 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 #BAB5E8 a #714EAC

#BAB5E8 #714EAC

Calcule el color entre dos colores, #BAB5E8 y #714EAC. 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)

#BAB5E8 - #714EAC | 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 #BAB5E8 como 0% y #714EAC como 100%.

0.0%	0.0% #BAB5E8	RGB 186 181 232	#BAB5E8
16.7%	16.7% #ADA3DE	RGB 173 163 222	#ADA3DE
33.3%	33.3% #A192D4	RGB 161 146 212	#A192D4
50.0%	50.0% #9581CA	RGB 149 129 202	#9581CA
66.7%	66.7% #8970C0	RGB 137 112 192	#8970C0
83.3%	83.3% #7D5FB6	RGB 125 95 182	#7D5FB6
100.0%	100.0% #714EAC	RGB 113 78 172	#714EAC

#BAB5E8 #ADA3DE #A192D4 #9581CA #8970C0 #7D5FB6 #714EAC

#BAB5E8 - #714EAC

Mezcla HSV

#BAB5E8 - #714EAC | 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 #BAB5E8 como 0% y #714EAC como 100%.

0.0%	0.0% #BAB5E8	RGB 186 181 232	#BAB5E8
16.7%	16.7% #A9A1DE	RGB 169 161 222	#A9A1DE
33.3%	33.3% #9B8ED4	RGB 155 142 212	#9B8ED4
50.0%	50.0% #8E7CCA	RGB 142 124 202	#8E7CCA
66.7%	66.7% #836BC0	RGB 131 107 192	#836BC0
83.3%	83.3% #795CB6	RGB 121 92 182	#795CB6
100.0%	100.0% #714EAC	RGB 113 78 172	#714EAC

#BAB5E8 #A9A1DE #9B8ED4 #8E7CCA #836BC0 #795CB6 #714EAC

#BAB5E8 - #8E7CCA - #714EAC

Códigos CSS

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

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