#B6B091 - #333229 | 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 #B6B091 a #333229

#B6B091 #333229

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

#B6B091 - #333229 | 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 #B6B091 como 0% y #333229 como 100%.

0.0%	0.0% #B6B091	RGB 182 176 145	#B6B091
16.7%	16.7% #A09B7F	RGB 160 155 127	#A09B7F
33.3%	33.3% #8A866E	RGB 138 134 110	#8A866E
50.0%	50.0% #74715D	RGB 116 113 93	#74715D
66.7%	66.7% #5E5C4B	RGB 94 92 75	#5E5C4B
83.3%	83.3% #48473A	RGB 72 71 58	#48473A
100.0%	100.0% #333229	RGB 51 50 41	#333229

#B6B091 #A09B7F #8A866E #74715D #5E5C4B #48473A #333229

#B6B091 - #333229

Mezcla HSV

#B6B091 - #333229 | 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 #B6B091 como 0% y #333229 como 100%.

0.0%	0.0% #B6B091	RGB 182 176 145	#B6B091
16.7%	16.7% #A09B7F	RGB 160 155 127	#A09B7F
33.3%	33.3% #8A866E	RGB 138 134 110	#8A866E
50.0%	50.0% #74715D	RGB 116 113 93	#74715D
66.7%	66.7% #5E5C4B	RGB 94 92 75	#5E5C4B
83.3%	83.3% #48473A	RGB 72 71 58	#48473A
100.0%	100.0% #333229	RGB 51 50 41	#333229

#B6B091 #A09B7F #8A866E #74715D #5E5C4B #48473A #333229

#B6B091 - #74715D - #333229

Códigos CSS

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

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