#2B2D1D - #C2C3BE | 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 #2B2D1D a #C2C3BE

#2B2D1D #C2C3BE

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

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

0.0%	0.0% #2B2D1D	RGB 43 45 29	#2B2D1D
16.7%	16.7% #444637	RGB 68 70 55	#444637
33.3%	33.3% #5D5F52	RGB 93 95 82	#5D5F52
50.0%	50.0% #76786D	RGB 118 120 109	#76786D
66.7%	66.7% #8F9188	RGB 143 145 136	#8F9188
83.3%	83.3% #A8AAA3	RGB 168 170 163	#A8AAA3
100.0%	100.0% #C2C3BE	RGB 194 195 190	#C2C3BE

#2B2D1D #444637 #5D5F52 #76786D #8F9188 #A8AAA3 #C2C3BE

#2B2D1D - #C2C3BE

Mezcla HSV

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

0.0%	0.0% #2B2D1D	RGB 43 45 29	#2B2D1D
16.7%	16.7% #434630	RGB 67 70 48	#434630
33.3%	33.3% #5B5F47	RGB 91 95 71	#5B5F47
50.0%	50.0% #747861	RGB 116 120 97	#747861
66.7%	66.7% #8D917D	RGB 141 145 125	#8D917D
83.3%	83.3% #A7AA9C	RGB 167 170 156	#A7AA9C
100.0%	100.0% #C2C3BE	RGB 194 195 190	#C2C3BE

#2B2D1D #434630 #5B5F47 #747861 #8D917D #A7AA9C #C2C3BE

#2B2D1D - #747861 - #C2C3BE

Códigos CSS

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

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