#B1B448 - #837B00 | 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 #B1B448 a #837B00

#B1B448 #837B00

Calcule el color entre dos colores, #B1B448 y #837B00. 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)

#B1B448 - #837B00 | 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 #B1B448 como 0% y #837B00 como 100%.

0.0%	0.0% #B1B448	RGB 177 180 72	#B1B448
16.7%	16.7% #A9AA3C	RGB 169 170 60	#A9AA3C
33.3%	33.3% #A1A130	RGB 161 161 48	#A1A130
50.0%	50.0% #9A9724	RGB 154 151 36	#9A9724
66.7%	66.7% #928E18	RGB 146 142 24	#928E18
83.3%	83.3% #8A840C	RGB 138 132 12	#8A840C
100.0%	100.0% #837B00	RGB 131 123 0	#837B00

#B1B448 #A9AA3C #A1A130 #9A9724 #928E18 #8A840C #837B00

#B1B448 - #837B00

Mezcla HSV

#B1B448 - #837B00 | 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 #B1B448 como 0% y #837B00 como 100%.

0.0%	0.0% #B1B448	RGB 177 180 72	#B1B448
16.7%	16.7% #AAAB39	RGB 170 171 57	#AAAB39
33.3%	33.3% #A3A32B	RGB 163 163 43	#A3A32B
50.0%	50.0% #9B991F	RGB 155 153 31	#9B991F
66.7%	66.7% #938F13	RGB 147 143 19	#938F13
83.3%	83.3% #8B8509	RGB 139 133 9	#8B8509
100.0%	100.0% #837B00	RGB 131 123 0	#837B00

#B1B448 #AAAB39 #A3A32B #9B991F #938F13 #8B8509 #837B00

#B1B448 - #9B991F - #837B00

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B1B448 0%, #9B991F 50%, #837B00 100%);
    background: -webkit-linear-gradient(top, #B1B448 0%, #9B991F 50%, #837B00 100%);
    background: linear-gradient(to bottom, #B1B448 0%, #9B991F 50%, #837B00 100%);
}
</style>