#5A8C5E - #204B31 | 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 #5A8C5E a #204B31

#5A8C5E #204B31

Calcule el color entre dos colores, #5A8C5E y #204B31. 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)

#5A8C5E - #204B31 | 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 #5A8C5E como 0% y #204B31 como 100%.

0.0%	0.0% #5A8C5E	RGB 90 140 94	#5A8C5E
16.7%	16.7% #508156	RGB 80 129 86	#508156
33.3%	33.3% #46764F	RGB 70 118 79	#46764F
50.0%	50.0% #3D6B47	RGB 61 107 71	#3D6B47
66.7%	66.7% #336040	RGB 51 96 64	#336040
83.3%	83.3% #295538	RGB 41 85 56	#295538
100.0%	100.0% #204B31	RGB 32 75 49	#204B31

#5A8C5E #508156 #46764F #3D6B47 #336040 #295538 #204B31

#5A8C5E - #204B31

Mezcla HSV

#5A8C5E - #204B31 | 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 #5A8C5E como 0% y #204B31 como 100%.

0.0%	0.0% #5A8C5E	RGB 90 140 94	#5A8C5E
16.7%	16.7% #4E8155	RGB 78 129 85	#4E8155
33.3%	33.3% #43764C	RGB 67 118 76	#43764C
50.0%	50.0% #396B45	RGB 57 107 69	#396B45
66.7%	66.7% #30603E	RGB 48 96 62	#30603E
83.3%	83.3% #275537	RGB 39 85 55	#275537
100.0%	100.0% #204B31	RGB 32 75 49	#204B31

#5A8C5E #4E8155 #43764C #396B45 #30603E #275537 #204B31

#5A8C5E - #396B45 - #204B31

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A8C5E 0%, #396B45 50%, #204B31 100%);
    background: -webkit-linear-gradient(top, #5A8C5E 0%, #396B45 50%, #204B31 100%);
    background: linear-gradient(to bottom, #5A8C5E 0%, #396B45 50%, #204B31 100%);
}
</style>