#2A1B05 - #C2BDB7 | 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 #2A1B05 a #C2BDB7

#2A1B05 #C2BDB7

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

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

0.0%	0.0% #2A1B05	RGB 42 27 5	#2A1B05
16.7%	16.7% #433622	RGB 67 54 34	#433622
33.3%	33.3% #5C5140	RGB 92 81 64	#5C5140
50.0%	50.0% #766C5E	RGB 118 108 94	#766C5E
66.7%	66.7% #8F877B	RGB 143 135 123	#8F877B
83.3%	83.3% #A8A299	RGB 168 162 153	#A8A299
100.0%	100.0% #C2BDB7	RGB 194 189 183	#C2BDB7

#2A1B05 #433622 #5C5140 #766C5E #8F877B #A8A299 #C2BDB7

#2A1B05 - #C2BDB7

Mezcla HSV

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

0.0%	0.0% #2A1B05	RGB 42 27 5	#2A1B05
16.7%	16.7% #432E11	RGB 67 46 17	#432E11
33.3%	33.3% #5C4424	RGB 92 68 36	#5C4424
50.0%	50.0% #765E3E	RGB 118 94 62	#765E3E
66.7%	66.7% #8F7A5F	RGB 143 122 95	#8F7A5F
83.3%	83.3% #A89A87	RGB 168 154 135	#A89A87
100.0%	100.0% #C2BDB7	RGB 194 189 183	#C2BDB7

#2A1B05 #432E11 #5C4424 #765E3E #8F7A5F #A89A87 #C2BDB7

#2A1B05 - #765E3E - #C2BDB7

Códigos CSS

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

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