#3C5E3E - #043C08 | 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 #3C5E3E a #043C08

#3C5E3E #043C08

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

#3C5E3E - #043C08 | 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 #3C5E3E como 0% y #043C08 como 100%.

0.0%	0.0% #3C5E3E	RGB 60 94 62	#3C5E3E
16.7%	16.7% #325835	RGB 50 88 53	#325835
33.3%	33.3% #29522C	RGB 41 82 44	#29522C
50.0%	50.0% #204D23	RGB 32 77 35	#204D23
66.7%	66.7% #16471A	RGB 22 71 26	#16471A
83.3%	83.3% #0D4111	RGB 13 65 17	#0D4111
100.0%	100.0% #043C08	RGB 4 60 8	#043C08

#3C5E3E #325835 #29522C #204D23 #16471A #0D4111 #043C08

#3C5E3E - #043C08

Mezcla HSV

#3C5E3E - #043C08 | 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 #3C5E3E como 0% y #043C08 como 100%.

0.0%	0.0% #3C5E3E	RGB 60 94 62	#3C5E3E
16.7%	16.7% #2F5832	RGB 47 88 50	#2F5832
33.3%	33.3% #255227	RGB 37 82 39	#255227
50.0%	50.0% #1B4D1E	RGB 27 77 30	#1B4D1E
66.7%	66.7% #124715	RGB 18 71 21	#124715
83.3%	83.3% #0A410E	RGB 10 65 14	#0A410E
100.0%	100.0% #043C08	RGB 4 60 8	#043C08

#3C5E3E #2F5832 #255227 #1B4D1E #124715 #0A410E #043C08

#3C5E3E - #1B4D1E - #043C08

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C5E3E 0%, #1B4D1E 50%, #043C08 100%);
    background: -webkit-linear-gradient(top, #3C5E3E 0%, #1B4D1E 50%, #043C08 100%);
    background: linear-gradient(to bottom, #3C5E3E 0%, #1B4D1E 50%, #043C08 100%);
}
</style>