#3C3F2D - #1C2601 | 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 #3C3F2D a #1C2601

#3C3F2D #1C2601

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

#3C3F2D - #1C2601 | 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 #3C3F2D como 0% y #1C2601 como 100%.

0.0%	0.0% #3C3F2D	RGB 60 63 45	#3C3F2D
16.7%	16.7% #363A25	RGB 54 58 37	#363A25
33.3%	33.3% #31361E	RGB 49 54 30	#31361E
50.0%	50.0% #2C3217	RGB 44 50 23	#2C3217
66.7%	66.7% #262E0F	RGB 38 46 15	#262E0F
83.3%	83.3% #212A08	RGB 33 42 8	#212A08
100.0%	100.0% #1C2601	RGB 28 38 1	#1C2601

#3C3F2D #363A25 #31361E #2C3217 #262E0F #212A08 #1C2601

#3C3F2D - #1C2601

Mezcla HSV

#3C3F2D - #1C2601 | 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 #3C3F2D como 0% y #1C2601 como 100%.

0.0%	0.0% #3C3F2D	RGB 60 63 45	#3C3F2D
16.7%	16.7% #363A23	RGB 54 58 35	#363A23
33.3%	33.3% #31361A	RGB 49 54 26	#31361A
50.0%	50.0% #2B3212	RGB 43 50 18	#2B3212
66.7%	66.7% #262E0B	RGB 38 46 11	#262E0B
83.3%	83.3% #212A05	RGB 33 42 5	#212A05
100.0%	100.0% #1C2601	RGB 28 38 1	#1C2601

#3C3F2D #363A23 #31361A #2B3212 #262E0B #212A05 #1C2601

#3C3F2D - #2B3212 - #1C2601

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3F2D 0%, #2B3212 50%, #1C2601 100%);
    background: -webkit-linear-gradient(top, #3C3F2D 0%, #2B3212 50%, #1C2601 100%);
    background: linear-gradient(to bottom, #3C3F2D 0%, #2B3212 50%, #1C2601 100%);
}
</style>