#355936 - #5EBF7E | 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 #355936 a #5EBF7E

#355936 #5EBF7E

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

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

0.0%	0.0% #355936	RGB 53 89 54	#355936
16.7%	16.7% #3B6A42	RGB 59 106 66	#3B6A42
33.3%	33.3% #427B4E	RGB 66 123 78	#427B4E
50.0%	50.0% #498C5A	RGB 73 140 90	#498C5A
66.7%	66.7% #509D66	RGB 80 157 102	#509D66
83.3%	83.3% #57AE72	RGB 87 174 114	#57AE72
100.0%	100.0% #5EBF7E	RGB 94 191 126	#5EBF7E

#355936 #3B6A42 #427B4E #498C5A #509D66 #57AE72 #5EBF7E

#355936 - #5EBF7E

Mezcla HSV

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

0.0%	0.0% #355936	RGB 53 89 54	#355936
16.7%	16.7% #3D6A40	RGB 61 106 64	#3D6A40
33.3%	33.3% #457B4B	RGB 69 123 75	#457B4B
50.0%	50.0% #4C8C57	RGB 76 140 87	#4C8C57
66.7%	66.7% #529D63	RGB 82 157 99	#529D63
83.3%	83.3% #58AE70	RGB 88 174 112	#58AE70
100.0%	100.0% #5EBF7E	RGB 94 191 126	#5EBF7E

#355936 #3D6A40 #457B4B #4C8C57 #529D63 #58AE70 #5EBF7E

#355936 - #4C8C57 - #5EBF7E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #355936 0%, #4C8C57 50%, #5EBF7E 100%);
    background: -webkit-linear-gradient(top, #355936 0%, #4C8C57 50%, #5EBF7E 100%);
    background: linear-gradient(to bottom, #355936 0%, #4C8C57 50%, #5EBF7E 100%);
}
</style>