#B2B536 - #857C00 | 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 #B2B536 a #857C00

#B2B536 #857C00

Calcule el color entre dos colores, #B2B536 y #857C00. 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)

#B2B536 - #857C00 | 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 #B2B536 como 0% y #857C00 como 100%.

0.0%	0.0% #B2B536	RGB 178 181 54	#B2B536
16.7%	16.7% #AAAB2D	RGB 170 171 45	#AAAB2D
33.3%	33.3% #A3A224	RGB 163 162 36	#A3A224
50.0%	50.0% #9B981B	RGB 155 152 27	#9B981B
66.7%	66.7% #948F12	RGB 148 143 18	#948F12
83.3%	83.3% #8C8509	RGB 140 133 9	#8C8509
100.0%	100.0% #857C00	RGB 133 124 0	#857C00

#B2B536 #AAAB2D #A3A224 #9B981B #948F12 #8C8509 #857C00

#B2B536 - #857C00

Mezcla HSV

#B2B536 - #857C00 | 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 #B2B536 como 0% y #857C00 como 100%.

0.0%	0.0% #B2B536	RGB 178 181 54	#B2B536
16.7%	16.7% #ABAD2B	RGB 171 173 43	#ABAD2B
33.3%	33.3% #A5A420	RGB 165 164 32	#A5A420
50.0%	50.0% #9D9A17	RGB 157 154 23	#9D9A17
66.7%	66.7% #95900E	RGB 149 144 14	#95900E
83.3%	83.3% #8D8507	RGB 141 133 7	#8D8507
100.0%	100.0% #857C00	RGB 133 124 0	#857C00

#B2B536 #ABAD2B #A5A420 #9D9A17 #95900E #8D8507 #857C00

#B2B536 - #9D9A17 - #857C00

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2B536 0%, #9D9A17 50%, #857C00 100%);
    background: -webkit-linear-gradient(top, #B2B536 0%, #9D9A17 50%, #857C00 100%);
    background: linear-gradient(to bottom, #B2B536 0%, #9D9A17 50%, #857C00 100%);
}
</style>