#B6B2A0 - #8D764B | 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 #B6B2A0 a #8D764B

#B6B2A0 #8D764B

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

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

0.0%	0.0% #B6B2A0	RGB 182 178 160	#B6B2A0
16.7%	16.7% #AFA891	RGB 175 168 145	#AFA891
33.3%	33.3% #A89E83	RGB 168 158 131	#A89E83
50.0%	50.0% #A19475	RGB 161 148 117	#A19475
66.7%	66.7% #9A8A67	RGB 154 138 103	#9A8A67
83.3%	83.3% #938059	RGB 147 128 89	#938059
100.0%	100.0% #8D764B	RGB 141 118 75	#8D764B

#B6B2A0 #AFA891 #A89E83 #A19475 #9A8A67 #938059 #8D764B

#B6B2A0 - #8D764B

Mezcla HSV

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

0.0%	0.0% #B6B2A0	RGB 182 178 160	#B6B2A0
16.7%	16.7% #AFA88F	RGB 175 168 143	#AFA88F
33.3%	33.3% #A89E80	RGB 168 158 128	#A89E80
50.0%	50.0% #A19471	RGB 161 148 113	#A19471
66.7%	66.7% #9A8A64	RGB 154 138 100	#9A8A64
83.3%	83.3% #938057	RGB 147 128 87	#938057
100.0%	100.0% #8D764B	RGB 141 118 75	#8D764B

#B6B2A0 #AFA88F #A89E80 #A19471 #9A8A64 #938057 #8D764B

#B6B2A0 - #A19471 - #8D764B

Códigos CSS

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

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