#9CDB5E - #61AB1B | 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 #9CDB5E a #61AB1B

#9CDB5E #61AB1B

Calcule el color entre dos colores, #9CDB5E y #61AB1B. 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)

#9CDB5E - #61AB1B | 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 #9CDB5E como 0% y #61AB1B como 100%.

0.0%	0.0% #9CDB5E	RGB 156 219 94	#9CDB5E
16.7%	16.7% #92D352	RGB 146 211 82	#92D352
33.3%	33.3% #88CB47	RGB 136 203 71	#88CB47
50.0%	50.0% #7EC33C	RGB 126 195 60	#7EC33C
66.7%	66.7% #74BB31	RGB 116 187 49	#74BB31
83.3%	83.3% #6AB326	RGB 106 179 38	#6AB326
100.0%	100.0% #61AB1B	RGB 97 171 27	#61AB1B

#9CDB5E #92D352 #88CB47 #7EC33C #74BB31 #6AB326 #61AB1B

#9CDB5E - #61AB1B

Mezcla HSV

#9CDB5E - #61AB1B | 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 #9CDB5E como 0% y #61AB1B como 100%.

0.0%	0.0% #9CDB5E	RGB 156 219 94	#9CDB5E
16.7%	16.7% #91D351	RGB 145 211 81	#91D351
33.3%	33.3% #86CB44	RGB 134 203 68	#86CB44
50.0%	50.0% #7CC339	RGB 124 195 57	#7CC339
66.7%	66.7% #73BB2E	RGB 115 187 46	#73BB2E
83.3%	83.3% #69B324	RGB 105 179 36	#69B324
100.0%	100.0% #61AB1B	RGB 97 171 27	#61AB1B

#9CDB5E #91D351 #86CB44 #7CC339 #73BB2E #69B324 #61AB1B

#9CDB5E - #7CC339 - #61AB1B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9CDB5E 0%, #7CC339 50%, #61AB1B 100%);
    background: -webkit-linear-gradient(top, #9CDB5E 0%, #7CC339 50%, #61AB1B 100%);
    background: linear-gradient(to bottom, #9CDB5E 0%, #7CC339 50%, #61AB1B 100%);
}
</style>