#5E7342 - #1A2012 | 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 #5E7342 a #1A2012

#5E7342 #1A2012

Calcule el color entre dos colores, #5E7342 y #1A2012. 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)

#5E7342 - #1A2012 | 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 #5E7342 como 0% y #1A2012 como 100%.

0.0%	0.0% #5E7342	RGB 94 115 66	#5E7342
16.7%	16.7% #52653A	RGB 82 101 58	#52653A
33.3%	33.3% #475732	RGB 71 87 50	#475732
50.0%	50.0% #3C492A	RGB 60 73 42	#3C492A
66.7%	66.7% #303B22	RGB 48 59 34	#303B22
83.3%	83.3% #252D1A	RGB 37 45 26	#252D1A
100.0%	100.0% #1A2012	RGB 26 32 18	#1A2012

#5E7342 #52653A #475732 #3C492A #303B22 #252D1A #1A2012

#5E7342 - #1A2012

Mezcla HSV

#5E7342 - #1A2012 | 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 #5E7342 como 0% y #1A2012 como 100%.

0.0%	0.0% #5E7342	RGB 94 115 66	#5E7342
16.7%	16.7% #526539	RGB 82 101 57	#526539
33.3%	33.3% #475731	RGB 71 87 49	#475731
50.0%	50.0% #3B4929	RGB 59 73 41	#3B4929
66.7%	66.7% #303B21	RGB 48 59 33	#303B21
83.3%	83.3% #252D19	RGB 37 45 25	#252D19
100.0%	100.0% #1A2012	RGB 26 32 18	#1A2012

#5E7342 #526539 #475731 #3B4929 #303B21 #252D19 #1A2012

#5E7342 - #3B4929 - #1A2012

Códigos CSS

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

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