#3C2D2D - #A0735E | 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 #3C2D2D a #A0735E

#3C2D2D #A0735E

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

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

0.0%	0.0% #3C2D2D	RGB 60 45 45	#3C2D2D
16.7%	16.7% #4C3835	RGB 76 56 53	#4C3835
33.3%	33.3% #5D443D	RGB 93 68 61	#5D443D
50.0%	50.0% #6E5045	RGB 110 80 69	#6E5045
66.7%	66.7% #7E5B4D	RGB 126 91 77	#7E5B4D
83.3%	83.3% #8F6755	RGB 143 103 85	#8F6755
100.0%	100.0% #A0735E	RGB 160 115 94	#A0735E

#3C2D2D #4C3835 #5D443D #6E5045 #7E5B4D #8F6755 #A0735E

#3C2D2D - #A0735E

Mezcla HSV

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

0.0%	0.0% #3C2D2D	RGB 60 45 45	#3C2D2D
16.7%	16.7% #4C3837	RGB 76 56 55	#4C3837
33.3%	33.3% #5D4340	RGB 93 67 64	#5D4340
50.0%	50.0% #6E4F49	RGB 110 79 73	#6E4F49
66.7%	66.7% #7E5A51	RGB 126 90 81	#7E5A51
83.3%	83.3% #8F6658	RGB 143 102 88	#8F6658
100.0%	100.0% #A0735E	RGB 160 115 94	#A0735E

#3C2D2D #4C3837 #5D4340 #6E4F49 #7E5A51 #8F6658 #A0735E

#3C2D2D - #6E4F49 - #A0735E

Códigos CSS

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

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