#3E5E47 - #044308 | 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 #3E5E47 a #044308

#3E5E47 #044308

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

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

0.0%	0.0% #3E5E47	RGB 62 94 71	#3E5E47
16.7%	16.7% #34593C	RGB 52 89 60	#34593C
33.3%	33.3% #2A5532	RGB 42 85 50	#2A5532
50.0%	50.0% #215027	RGB 33 80 39	#215027
66.7%	66.7% #174C1D	RGB 23 76 29	#174C1D
83.3%	83.3% #0D4712	RGB 13 71 18	#0D4712
100.0%	100.0% #044308	RGB 4 67 8	#044308

#3E5E47 #34593C #2A5532 #215027 #174C1D #0D4712 #044308

#3E5E47 - #044308

Mezcla HSV

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

0.0%	0.0% #3E5E47	RGB 62 94 71	#3E5E47
16.7%	16.7% #32593B	RGB 50 89 59	#32593B
33.3%	33.3% #275530	RGB 39 85 48	#275530
50.0%	50.0% #1C5025	RGB 28 80 37	#1C5025
66.7%	66.7% #134C1B	RGB 19 76 27	#134C1B
83.3%	83.3% #0B4711	RGB 11 71 17	#0B4711
100.0%	100.0% #044308	RGB 4 67 8	#044308

#3E5E47 #32593B #275530 #1C5025 #134C1B #0B4711 #044308

#3E5E47 - #1C5025 - #044308

Códigos CSS

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

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