#B6AFB2 - #8C5A7E | 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 #B6AFB2 a #8C5A7E

#B6AFB2 #8C5A7E

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

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

0.0%	0.0% #B6AFB2	RGB 182 175 178	#B6AFB2
16.7%	16.7% #AFA0A9	RGB 175 160 169	#AFA0A9
33.3%	33.3% #A892A0	RGB 168 146 160	#A892A0
50.0%	50.0% #A18498	RGB 161 132 152	#A18498
66.7%	66.7% #9A768F	RGB 154 118 143	#9A768F
83.3%	83.3% #936886	RGB 147 104 134	#936886
100.0%	100.0% #8C5A7E	RGB 140 90 126	#8C5A7E

#B6AFB2 #AFA0A9 #A892A0 #A18498 #9A768F #936886 #8C5A7E

#B6AFB2 - #8C5A7E

Mezcla HSV

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

0.0%	0.0% #B6AFB2	RGB 182 175 178	#B6AFB2
16.7%	16.7% #AF9EA6	RGB 175 158 166	#AF9EA6
33.3%	33.3% #A88F9C	RGB 168 143 156	#A88F9C
50.0%	50.0% #A18193	RGB 161 129 147	#A18193
66.7%	66.7% #9A738B	RGB 154 115 139	#9A738B
83.3%	83.3% #936684	RGB 147 102 132	#936684
100.0%	100.0% #8C5A7E	RGB 140 90 126	#8C5A7E

#B6AFB2 #AF9EA6 #A88F9C #A18193 #9A738B #936684 #8C5A7E

#B6AFB2 - #A18193 - #8C5A7E

Códigos CSS

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

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