#B4B6AF - #8C875A | 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 #B4B6AF a #8C875A

#B4B6AF #8C875A

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

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

0.0%	0.0% #B4B6AF	RGB 180 182 175	#B4B6AF
16.7%	16.7% #ADAEA0	RGB 173 174 160	#ADAEA0
33.3%	33.3% #A6A692	RGB 166 166 146	#A6A692
50.0%	50.0% #A09E84	RGB 160 158 132	#A09E84
66.7%	66.7% #999676	RGB 153 150 118	#999676
83.3%	83.3% #928E68	RGB 146 142 104	#928E68
100.0%	100.0% #8C875A	RGB 140 135 90	#8C875A

#B4B6AF #ADAEA0 #A6A692 #A09E84 #999676 #928E68 #8C875A

#B4B6AF - #8C875A

Mezcla HSV

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

0.0%	0.0% #B4B6AF	RGB 180 182 175	#B4B6AF
16.7%	16.7% #ABAF9E	RGB 171 175 158	#ABAF9E
33.3%	33.3% #A4A88F	RGB 164 168 143	#A4A88F
50.0%	50.0% #9EA181	RGB 158 161 129	#9EA181
66.7%	66.7% #989A73	RGB 152 154 115	#989A73
83.3%	83.3% #939166	RGB 147 145 102	#939166
100.0%	100.0% #8C875A	RGB 140 135 90	#8C875A

#B4B6AF #ABAF9E #A4A88F #9EA181 #989A73 #939166 #8C875A

#B4B6AF - #9EA181 - #8C875A

Códigos CSS

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

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