#9CCC6D - #579E09 | 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 #9CCC6D a #579E09

#9CCC6D #579E09

Calcule el color entre dos colores, #9CCC6D y #579E09. 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)

#9CCC6D - #579E09 | 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 #9CCC6D como 0% y #579E09 como 100%.

0.0%	0.0% #9CCC6D	RGB 156 204 109	#9CCC6D
16.7%	16.7% #90C45C	RGB 144 196 92	#90C45C
33.3%	33.3% #85BC4B	RGB 133 188 75	#85BC4B
50.0%	50.0% #79B53B	RGB 121 181 59	#79B53B
66.7%	66.7% #6EAD2A	RGB 110 173 42	#6EAD2A
83.3%	83.3% #62A519	RGB 98 165 25	#62A519
100.0%	100.0% #579E09	RGB 87 158 9	#579E09

#9CCC6D #90C45C #85BC4B #79B53B #6EAD2A #62A519 #579E09

#9CCC6D - #579E09

Mezcla HSV

#9CCC6D - #579E09 | 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 #9CCC6D como 0% y #579E09 como 100%.

0.0%	0.0% #9CCC6D	RGB 156 204 109	#9CCC6D
16.7%	16.7% #8EC459	RGB 142 196 89	#8EC459
33.3%	33.3% #82BC46	RGB 130 188 70	#82BC46
50.0%	50.0% #76B535	RGB 118 181 53	#76B535
66.7%	66.7% #6BAD25	RGB 107 173 37	#6BAD25
83.3%	83.3% #60A516	RGB 96 165 22	#60A516
100.0%	100.0% #579E09	RGB 87 158 9	#579E09

#9CCC6D #8EC459 #82BC46 #76B535 #6BAD25 #60A516 #579E09

#9CCC6D - #76B535 - #579E09

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9CCC6D 0%, #76B535 50%, #579E09 100%);
    background: -webkit-linear-gradient(top, #9CCC6D 0%, #76B535 50%, #579E09 100%);
    background: linear-gradient(to bottom, #9CCC6D 0%, #76B535 50%, #579E09 100%);
}
</style>