#009E2E - #B6E3C3 | 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 #009E2E a #B6E3C3

#009E2E #B6E3C3

Calcule el color entre dos colores, #009E2E y #B6E3C3. 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)

#009E2E - #B6E3C3 | 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 #009E2E como 0% y #B6E3C3 como 100%.

0.0%	0.0% #009E2E	RGB 0 158 46	#009E2E
16.7%	16.7% #1EA946	RGB 30 169 70	#1EA946
33.3%	33.3% #3CB55F	RGB 60 181 95	#3CB55F
50.0%	50.0% #5BC078	RGB 91 192 120	#5BC078
66.7%	66.7% #79CC91	RGB 121 204 145	#79CC91
83.3%	83.3% #97D7AA	RGB 151 215 170	#97D7AA
100.0%	100.0% #B6E3C3	RGB 182 227 195	#B6E3C3

#009E2E #1EA946 #3CB55F #5BC078 #79CC91 #97D7AA #B6E3C3

#009E2E - #B6E3C3

Mezcla HSV

#009E2E - #B6E3C3 | 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 #009E2E como 0% y #B6E3C3 como 100%.

0.0%	0.0% #009E2D	RGB 0 158 45	#009E2D
16.7%	16.7% #16A941	RGB 22 169 65	#16A941
33.3%	33.3% #30B556	RGB 48 181 86	#30B556
50.0%	50.0% #4DC06E	RGB 77 192 110	#4DC06E
66.7%	66.7% #6DCC88	RGB 109 204 136	#6DCC88
83.3%	83.3% #8FD7A4	RGB 143 215 164	#8FD7A4
100.0%	100.0% #B6E3C3	RGB 182 227 195	#B6E3C3

#009E2D #16A941 #30B556 #4DC06E #6DCC88 #8FD7A4 #B6E3C3

#009E2E - #4DC06E - #B6E3C3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #009E2D 0%, #4DC06E 50%, #B6E3C3 100%);
    background: -webkit-linear-gradient(top, #009E2D 0%, #4DC06E 50%, #B6E3C3 100%);
    background: linear-gradient(to bottom, #009E2D 0%, #4DC06E 50%, #B6E3C3 100%);
}
</style>