#B9BA00 - #343500 | 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 #B9BA00 a #343500

#B9BA00 #343500

Calcule el color entre dos colores, #B9BA00 y #343500. 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)

#B9BA00 - #343500 | 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 #B9BA00 como 0% y #343500 como 100%.

0.0%	0.0% #B9BA00	RGB 185 186 0	#B9BA00
16.7%	16.7% #A2A300	RGB 162 163 0	#A2A300
33.3%	33.3% #8C8D00	RGB 140 141 0	#8C8D00
50.0%	50.0% #767700	RGB 118 119 0	#767700
66.7%	66.7% #606100	RGB 96 97 0	#606100
83.3%	83.3% #4A4B00	RGB 74 75 0	#4A4B00
100.0%	100.0% #343500	RGB 52 53 0	#343500

#B9BA00 #A2A300 #8C8D00 #767700 #606100 #4A4B00 #343500

#B9BA00 - #343500

Mezcla HSV

#B9BA00 - #343500 | 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 #B9BA00 como 0% y #343500 como 100%.

0.0%	0.0% #B9BA00	RGB 185 186 0	#B9BA00
16.7%	16.7% #A2A300	RGB 162 163 0	#A2A300
33.3%	33.3% #8C8D00	RGB 140 141 0	#8C8D00
50.0%	50.0% #767700	RGB 118 119 0	#767700
66.7%	66.7% #5F6100	RGB 95 97 0	#5F6100
83.3%	83.3% #494B00	RGB 73 75 0	#494B00
100.0%	100.0% #343500	RGB 52 53 0	#343500

#B9BA00 #A2A300 #8C8D00 #767700 #5F6100 #494B00 #343500

#B9BA00 - #767700 - #343500

Códigos CSS

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

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