#B6AFB5 - #8C5A8A | 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 #B6AFB5 a #8C5A8A

#B6AFB5 #8C5A8A

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

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

0.0%	0.0% #B6AFB5	RGB 182 175 181	#B6AFB5
16.7%	16.7% #AFA0AD	RGB 175 160 173	#AFA0AD
33.3%	33.3% #A892A6	RGB 168 146 166	#A892A6
50.0%	50.0% #A1849F	RGB 161 132 159	#A1849F
66.7%	66.7% #9A7698	RGB 154 118 152	#9A7698
83.3%	83.3% #936891	RGB 147 104 145	#936891
100.0%	100.0% #8C5A8A	RGB 140 90 138	#8C5A8A

#B6AFB5 #AFA0AD #A892A6 #A1849F #9A7698 #936891 #8C5A8A

#B6AFB5 - #8C5A8A

Mezcla HSV

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

0.0%	0.0% #B6AFB5	RGB 182 175 181	#B6AFB5
16.7%	16.7% #AF9EAC	RGB 175 158 172	#AF9EAC
33.3%	33.3% #A88FA5	RGB 168 143 165	#A88FA5
50.0%	50.0% #A1819E	RGB 161 129 158	#A1819E
66.7%	66.7% #9A7397	RGB 154 115 151	#9A7397
83.3%	83.3% #936690	RGB 147 102 144	#936690
100.0%	100.0% #8C5A8A	RGB 140 90 138	#8C5A8A

#B6AFB5 #AF9EAC #A88FA5 #A1819E #9A7397 #936690 #8C5A8A

#B6AFB5 - #A1819E - #8C5A8A

Códigos CSS

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

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