#B5A2B7 - #8C4C96 | 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 #B5A2B7 a #8C4C96

#B5A2B7 #8C4C96

Calcule el color entre dos colores, #B5A2B7 y #8C4C96. 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)

#B5A2B7 - #8C4C96 | 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 #B5A2B7 como 0% y #8C4C96 como 100%.

0.0%	0.0% #B5A2B7	RGB 181 162 183	#B5A2B7
16.7%	16.7% #AE93B1	RGB 174 147 177	#AE93B1
33.3%	33.3% #A785AC	RGB 167 133 172	#A785AC
50.0%	50.0% #A077A6	RGB 160 119 166	#A077A6
66.7%	66.7% #9968A1	RGB 153 104 161	#9968A1
83.3%	83.3% #925A9B	RGB 146 90 155	#925A9B
100.0%	100.0% #8C4C96	RGB 140 76 150	#8C4C96

#B5A2B7 #AE93B1 #A785AC #A077A6 #9968A1 #925A9B #8C4C96

#B5A2B7 - #8C4C96

Mezcla HSV

#B5A2B7 - #8C4C96 | 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 #B5A2B7 como 0% y #8C4C96 como 100%.

0.0%	0.0% #B5A2B7	RGB 181 162 183	#B5A2B7
16.7%	16.7% #AE91B1	RGB 174 145 177	#AE91B1
33.3%	33.3% #A782AC	RGB 167 130 172	#A782AC
50.0%	50.0% #A073A6	RGB 160 115 166	#A073A6
66.7%	66.7% #9965A1	RGB 153 101 161	#9965A1
83.3%	83.3% #92589B	RGB 146 88 155	#92589B
100.0%	100.0% #8C4C96	RGB 140 76 150	#8C4C96

#B5A2B7 #AE91B1 #A782AC #A073A6 #9965A1 #92589B #8C4C96

#B5A2B7 - #A073A6 - #8C4C96

Códigos CSS

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

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