#B5B6AF - #8C8C5A | 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 #B5B6AF a #8C8C5A

#B5B6AF #8C8C5A

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

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

0.0%	0.0% #B5B6AF	RGB 181 182 175	#B5B6AF
16.7%	16.7% #AEAFA0	RGB 174 175 160	#AEAFA0
33.3%	33.3% #A7A892	RGB 167 168 146	#A7A892
50.0%	50.0% #A0A184	RGB 160 161 132	#A0A184
66.7%	66.7% #999A76	RGB 153 154 118	#999A76
83.3%	83.3% #929368	RGB 146 147 104	#929368
100.0%	100.0% #8C8C5A	RGB 140 140 90	#8C8C5A

#B5B6AF #AEAFA0 #A7A892 #A0A184 #999A76 #929368 #8C8C5A

#B5B6AF - #8C8C5A

Mezcla HSV

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

0.0%	0.0% #B5B6AF	RGB 181 182 175	#B5B6AF
16.7%	16.7% #ADAF9E	RGB 173 175 158	#ADAF9E
33.3%	33.3% #A5A88F	RGB 165 168 143	#A5A88F
50.0%	50.0% #9EA181	RGB 158 161 129	#9EA181
66.7%	66.7% #989A73	RGB 152 154 115	#989A73
83.3%	83.3% #919366	RGB 145 147 102	#919366
100.0%	100.0% #8C8C5A	RGB 140 140 90	#8C8C5A

#B5B6AF #ADAF9E #A5A88F #9EA181 #989A73 #919366 #8C8C5A

#B5B6AF - #9EA181 - #8C8C5A

Códigos CSS

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

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