#BAB5E7 - #714EAB | 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 #BAB5E7 a #714EAB

#BAB5E7 #714EAB

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

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

0.0%	0.0% #BAB5E7	RGB 186 181 231	#BAB5E7
16.7%	16.7% #ADA3DD	RGB 173 163 221	#ADA3DD
33.3%	33.3% #A192D3	RGB 161 146 211	#A192D3
50.0%	50.0% #9581C9	RGB 149 129 201	#9581C9
66.7%	66.7% #8970BF	RGB 137 112 191	#8970BF
83.3%	83.3% #7D5FB5	RGB 125 95 181	#7D5FB5
100.0%	100.0% #714EAB	RGB 113 78 171	#714EAB

#BAB5E7 #ADA3DD #A192D3 #9581C9 #8970BF #7D5FB5 #714EAB

#BAB5E7 - #714EAB

Mezcla HSV

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

0.0%	0.0% #BAB5E7	RGB 186 181 231	#BAB5E7
16.7%	16.7% #A9A1DD	RGB 169 161 221	#A9A1DD
33.3%	33.3% #9B8ED3	RGB 155 142 211	#9B8ED3
50.0%	50.0% #8E7CC9	RGB 142 124 201	#8E7CC9
66.7%	66.7% #836BBF	RGB 131 107 191	#836BBF
83.3%	83.3% #795CB5	RGB 121 92 181	#795CB5
100.0%	100.0% #714EAB	RGB 113 78 171	#714EAB

#BAB5E7 #A9A1DD #9B8ED3 #8E7CC9 #836BBF #795CB5 #714EAB

#BAB5E7 - #8E7CC9 - #714EAB

Códigos CSS

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

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