#5E8F5E - #236815 | 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 #5E8F5E a #236815

#5E8F5E #236815

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

#5E8F5E - #236815 | 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 #5E8F5E como 0% y #236815 como 100%.

0.0%	0.0% #5E8F5E	RGB 94 143 94	#5E8F5E
16.7%	16.7% #548851	RGB 84 136 81	#548851
33.3%	33.3% #4A8245	RGB 74 130 69	#4A8245
50.0%	50.0% #407B39	RGB 64 123 57	#407B39
66.7%	66.7% #36752D	RGB 54 117 45	#36752D
83.3%	83.3% #2C6E21	RGB 44 110 33	#2C6E21
100.0%	100.0% #236815	RGB 35 104 21	#236815

#5E8F5E #548851 #4A8245 #407B39 #36752D #2C6E21 #236815

#5E8F5E - #236815

Mezcla HSV

#5E8F5E - #236815 | 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 #5E8F5E como 0% y #236815 como 100%.

0.0%	0.0% #5E8F5E	RGB 94 143 94	#5E8F5E
16.7%	16.7% #50884F	RGB 80 136 79	#50884F
33.3%	33.3% #458241	RGB 69 130 65	#458241
50.0%	50.0% #3B7B35	RGB 59 123 53	#3B7B35
66.7%	66.7% #317529	RGB 49 117 41	#317529
83.3%	83.3% #296E1E	RGB 41 110 30	#296E1E
100.0%	100.0% #236815	RGB 35 104 21	#236815

#5E8F5E #50884F #458241 #3B7B35 #317529 #296E1E #236815

#5E8F5E - #3B7B35 - #236815

Códigos CSS

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

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