#B6BB98 - #33352B | 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 #B6BB98 a #33352B

#B6BB98 #33352B

Calcule el color entre dos colores, #B6BB98 y #33352B. 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)

#B6BB98 - #33352B | 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 #B6BB98 como 0% y #33352B como 100%.

0.0%	0.0% #B6BB98	RGB 182 187 152	#B6BB98
16.7%	16.7% #A0A485	RGB 160 164 133	#A0A485
33.3%	33.3% #8A8E73	RGB 138 142 115	#8A8E73
50.0%	50.0% #747861	RGB 116 120 97	#747861
66.7%	66.7% #5E614F	RGB 94 97 79	#5E614F
83.3%	83.3% #484B3D	RGB 72 75 61	#484B3D
100.0%	100.0% #33352B	RGB 51 53 43	#33352B

#B6BB98 #A0A485 #8A8E73 #747861 #5E614F #484B3D #33352B

#B6BB98 - #33352B

Mezcla HSV

#B6BB98 - #33352B | 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 #B6BB98 como 0% y #33352B como 100%.

0.0%	0.0% #B6BB98	RGB 182 187 152	#B6BB98
16.7%	16.7% #9FA485	RGB 159 164 133	#9FA485
33.3%	33.3% #8A8E73	RGB 138 142 115	#8A8E73
50.0%	50.0% #747861	RGB 116 120 97	#747861
66.7%	66.7% #5E614F	RGB 94 97 79	#5E614F
83.3%	83.3% #484B3D	RGB 72 75 61	#484B3D
100.0%	100.0% #33352B	RGB 51 53 43	#33352B

#B6BB98 #9FA485 #8A8E73 #747861 #5E614F #484B3D #33352B

#B6BB98 - #747861 - #33352B

Códigos CSS

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

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