#085E4D - #6AB67D | 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 #085E4D a #6AB67D

#085E4D #6AB67D

Calcule el color entre dos colores, #085E4D y #6AB67D. 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)

#085E4D - #6AB67D | 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 #085E4D como 0% y #6AB67D como 100%.

0.0%	0.0% #085E4D	RGB 8 94 77	#085E4D
16.7%	16.7% #186C55	RGB 24 108 85	#186C55
33.3%	33.3% #287B5D	RGB 40 123 93	#287B5D
50.0%	50.0% #398A65	RGB 57 138 101	#398A65
66.7%	66.7% #49986D	RGB 73 152 109	#49986D
83.3%	83.3% #59A775	RGB 89 167 117	#59A775
100.0%	100.0% #6AB67D	RGB 106 182 125	#6AB67D

#085E4D #186C55 #287B5D #398A65 #49986D #59A775 #6AB67D

#085E4D - #6AB67D

Mezcla HSV

#085E4D - #6AB67D | 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 #085E4D como 0% y #6AB67D como 100%.

0.0%	0.0% #075E4D	RGB 7 94 77	#075E4D
16.7%	16.7% #126C52	RGB 18 108 82	#126C52
33.3%	33.3% #1E7B58	RGB 30 123 88	#1E7B58
50.0%	50.0% #2E8A5E	RGB 46 138 94	#2E8A5E
66.7%	66.7% #3F9866	RGB 63 152 102	#3F9866
83.3%	83.3% #53A770	RGB 83 167 112	#53A770
100.0%	100.0% #6AB67D	RGB 106 182 125	#6AB67D

#075E4D #126C52 #1E7B58 #2E8A5E #3F9866 #53A770 #6AB67D

#085E4D - #2E8A5E - #6AB67D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #075E4D 0%, #2E8A5E 50%, #6AB67D 100%);
    background: -webkit-linear-gradient(top, #075E4D 0%, #2E8A5E 50%, #6AB67D 100%);
    background: linear-gradient(to bottom, #075E4D 0%, #2E8A5E 50%, #6AB67D 100%);
}
</style>