#2B2D21 - #C2C3BF | 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 #2B2D21 a #C2C3BF

#2B2D21 #C2C3BF

Calcule el color entre dos colores, #2B2D21 y #C2C3BF. 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)

#2B2D21 - #C2C3BF | 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 #2B2D21 como 0% y #C2C3BF como 100%.

0.0%	0.0% #2B2D21	RGB 43 45 33	#2B2D21
16.7%	16.7% #44463B	RGB 68 70 59	#44463B
33.3%	33.3% #5D5F55	RGB 93 95 85	#5D5F55
50.0%	50.0% #767870	RGB 118 120 112	#767870
66.7%	66.7% #8F918A	RGB 143 145 138	#8F918A
83.3%	83.3% #A8AAA4	RGB 168 170 164	#A8AAA4
100.0%	100.0% #C2C3BF	RGB 194 195 191	#C2C3BF

#2B2D21 #44463B #5D5F55 #767870 #8F918A #A8AAA4 #C2C3BF

#2B2D21 - #C2C3BF

Mezcla HSV

#2B2D21 - #C2C3BF | 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 #2B2D21 como 0% y #C2C3BF como 100%.

0.0%	0.0% #2B2D21	RGB 43 45 33	#2B2D21
16.7%	16.7% #434636	RGB 67 70 54	#434636
33.3%	33.3% #5B5F4D	RGB 91 95 77	#5B5F4D
50.0%	50.0% #747866	RGB 116 120 102	#747866
66.7%	66.7% #8D9182	RGB 141 145 130	#8D9182
83.3%	83.3% #A7AA9F	RGB 167 170 159	#A7AA9F
100.0%	100.0% #C2C3BF	RGB 194 195 191	#C2C3BF

#2B2D21 #434636 #5B5F4D #747866 #8D9182 #A7AA9F #C2C3BF

#2B2D21 - #747866 - #C2C3BF

Códigos CSS

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

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