#B6BA00 - #8B8100 | 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 #B6BA00 a #8B8100

#B6BA00 #8B8100

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

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

0.0%	0.0% #B6BA00	RGB 182 186 0	#B6BA00
16.7%	16.7% #AEB000	RGB 174 176 0	#AEB000
33.3%	33.3% #A7A700	RGB 167 167 0	#A7A700
50.0%	50.0% #A09D00	RGB 160 157 0	#A09D00
66.7%	66.7% #999400	RGB 153 148 0	#999400
83.3%	83.3% #928A00	RGB 146 138 0	#928A00
100.0%	100.0% #8B8100	RGB 139 129 0	#8B8100

#B6BA00 #AEB000 #A7A700 #A09D00 #999400 #928A00 #8B8100

#B6BA00 - #8B8100

Mezcla HSV

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

0.0%	0.0% #B6BA00	RGB 182 186 0	#B6BA00
16.7%	16.7% #B1B200	RGB 177 178 0	#B1B200
33.3%	33.3% #AAA800	RGB 170 168 0	#AAA800
50.0%	50.0% #A29E00	RGB 162 158 0	#A29E00
66.7%	66.7% #9A9400	RGB 154 148 0	#9A9400
83.3%	83.3% #928A00	RGB 146 138 0	#928A00
100.0%	100.0% #8B8100	RGB 139 129 0	#8B8100

#B6BA00 #B1B200 #AAA800 #A29E00 #9A9400 #928A00 #8B8100

#B6BA00 - #A29E00 - #8B8100

Códigos CSS

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

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