#3C5E1B - #313900 | 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 #3C5E1B a #313900

#3C5E1B #313900

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

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

0.0%	0.0% #3C5E1B	RGB 60 94 27	#3C5E1B
16.7%	16.7% #3A5716	RGB 58 87 22	#3A5716
33.3%	33.3% #385112	RGB 56 81 18	#385112
50.0%	50.0% #364B0D	RGB 54 75 13	#364B0D
66.7%	66.7% #344509	RGB 52 69 9	#344509
83.3%	83.3% #323F04	RGB 50 63 4	#323F04
100.0%	100.0% #313900	RGB 49 57 0	#313900

#3C5E1B #3A5716 #385112 #364B0D #344509 #323F04 #313900

#3C5E1B - #313900

Mezcla HSV

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

0.0%	0.0% #3C5E1B	RGB 60 94 27	#3C5E1B
16.7%	16.7% #3A5715	RGB 58 87 21	#3A5715
33.3%	33.3% #38510F	RGB 56 81 15	#38510F
50.0%	50.0% #364B0A	RGB 54 75 10	#364B0A
66.7%	66.7% #344506	RGB 52 69 6	#344506
83.3%	83.3% #333F03	RGB 51 63 3	#333F03
100.0%	100.0% #313900	RGB 49 57 0	#313900

#3C5E1B #3A5715 #38510F #364B0A #344506 #333F03 #313900

#3C5E1B - #364B0A - #313900

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C5E1B 0%, #364B0A 50%, #313900 100%);
    background: -webkit-linear-gradient(top, #3C5E1B 0%, #364B0A 50%, #313900 100%);
    background: linear-gradient(to bottom, #3C5E1B 0%, #364B0A 50%, #313900 100%);
}
</style>