#BA8EC7 - #A8C5E5 | 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 #BA8EC7 a #A8C5E5

#BA8EC7 #A8C5E5

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

#BA8EC7 - #A8C5E5 | 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 #BA8EC7 como 0% y #A8C5E5 como 100%.

0.0%	0.0% #BA8EC7	RGB 186 142 199	#BA8EC7
16.7%	16.7% #B797CC	RGB 183 151 204	#B797CC
33.3%	33.3% #B4A0D1	RGB 180 160 209	#B4A0D1
50.0%	50.0% #B1A9D6	RGB 177 169 214	#B1A9D6
66.7%	66.7% #AEB2DB	RGB 174 178 219	#AEB2DB
83.3%	83.3% #ABBBE0	RGB 171 187 224	#ABBBE0
100.0%	100.0% #A8C5E5	RGB 168 197 229	#A8C5E5

#BA8EC7 #B797CC #B4A0D1 #B1A9D6 #AEB2DB #ABBBE0 #A8C5E5

#BA8EC7 - #A8C5E5

Mezcla HSV

#BA8EC7 - #A8C5E5 | 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 #BA8EC7 como 0% y #A8C5E5 como 100%.

0.0%	0.0% #BA8EC7	RGB 186 142 199	#BA8EC7
16.7%	16.7% #B292CC	RGB 178 146 204	#B292CC
33.3%	33.3% #AB96D1	RGB 171 150 209	#AB96D1
50.0%	50.0% #A39AD6	RGB 163 154 214	#A39AD6
66.7%	66.7% #9FA2DB	RGB 159 162 219	#9FA2DB
83.3%	83.3% #A3B3E0	RGB 163 179 224	#A3B3E0
100.0%	100.0% #A8C5E5	RGB 168 197 229	#A8C5E5

#BA8EC7 #B292CC #AB96D1 #A39AD6 #9FA2DB #A3B3E0 #A8C5E5

#BA8EC7 - #A39AD6 - #A8C5E5

Códigos CSS

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

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