#3C372D - #A09B5E | 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 #3C372D a #A09B5E

#3C372D #A09B5E

Calcule el color entre dos colores, #3C372D y #A09B5E. 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)

#3C372D - #A09B5E | 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 #3C372D como 0% y #A09B5E como 100%.

0.0%	0.0% #3C372D	RGB 60 55 45	#3C372D
16.7%	16.7% #4C4735	RGB 76 71 53	#4C4735
33.3%	33.3% #5D583D	RGB 93 88 61	#5D583D
50.0%	50.0% #6E6945	RGB 110 105 69	#6E6945
66.7%	66.7% #7E794D	RGB 126 121 77	#7E794D
83.3%	83.3% #8F8A55	RGB 143 138 85	#8F8A55
100.0%	100.0% #A09B5E	RGB 160 155 94	#A09B5E

#3C372D #4C4735 #5D583D #6E6945 #7E794D #8F8A55 #A09B5E

#3C372D - #A09B5E

Mezcla HSV

#3C372D - #A09B5E | 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 #3C372D como 0% y #A09B5E como 100%.

0.0%	0.0% #3C372D	RGB 60 55 45	#3C372D
16.7%	16.7% #4C4637	RGB 76 70 55	#4C4637
33.3%	33.3% #5D5640	RGB 93 86 64	#5D5640
50.0%	50.0% #6E6649	RGB 110 102 73	#6E6649
66.7%	66.7% #7E7751	RGB 126 119 81	#7E7751
83.3%	83.3% #8F8858	RGB 143 136 88	#8F8858
100.0%	100.0% #A09B5E	RGB 160 155 94	#A09B5E

#3C372D #4C4637 #5D5640 #6E6649 #7E7751 #8F8858 #A09B5E

#3C372D - #6E6649 - #A09B5E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C372D 0%, #6E6649 50%, #A09B5E 100%);
    background: -webkit-linear-gradient(top, #3C372D 0%, #6E6649 50%, #A09B5E 100%);
    background: linear-gradient(to bottom, #3C372D 0%, #6E6649 50%, #A09B5E 100%);
}
</style>