#3E5E41 - #043C07 | 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 #3E5E41 a #043C07

#3E5E41 #043C07

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

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

0.0%	0.0% #3E5E41	RGB 62 94 65	#3E5E41
16.7%	16.7% #345837	RGB 52 88 55	#345837
33.3%	33.3% #2A522D	RGB 42 82 45	#2A522D
50.0%	50.0% #214D24	RGB 33 77 36	#214D24
66.7%	66.7% #17471A	RGB 23 71 26	#17471A
83.3%	83.3% #0D4110	RGB 13 65 16	#0D4110
100.0%	100.0% #043C07	RGB 4 60 7	#043C07

#3E5E41 #345837 #2A522D #214D24 #17471A #0D4110 #043C07

#3E5E41 - #043C07

Mezcla HSV

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

0.0%	0.0% #3E5E41	RGB 62 94 65	#3E5E41
16.7%	16.7% #315834	RGB 49 88 52	#315834
33.3%	33.3% #265229	RGB 38 82 41	#265229
50.0%	50.0% #1B4D1F	RGB 27 77 31	#1B4D1F
66.7%	66.7% #124716	RGB 18 71 22	#124716
83.3%	83.3% #0A410E	RGB 10 65 14	#0A410E
100.0%	100.0% #043C07	RGB 4 60 7	#043C07

#3E5E41 #315834 #265229 #1B4D1F #124716 #0A410E #043C07

#3E5E41 - #1B4D1F - #043C07

Códigos CSS

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

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