#0C964A - #C9F47E | 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 #0C964A a #C9F47E

#0C964A #C9F47E

Calcule el color entre dos colores, #0C964A y #C9F47E. 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)

#0C964A - #C9F47E | 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 #0C964A como 0% y #C9F47E como 100%.

0.0%	0.0% #0C964A	RGB 12 150 74	#0C964A
16.7%	16.7% #2BA552	RGB 43 165 82	#2BA552
33.3%	33.3% #4BB55B	RGB 75 181 91	#4BB55B
50.0%	50.0% #6AC564	RGB 106 197 100	#6AC564
66.7%	66.7% #8AD46C	RGB 138 212 108	#8AD46C
83.3%	83.3% #A9E475	RGB 169 228 117	#A9E475
100.0%	100.0% #C9F47E	RGB 201 244 126	#C9F47E

#0C964A #2BA552 #4BB55B #6AC564 #8AD46C #A9E475 #C9F47E

#0C964A - #C9F47E

Mezcla HSV

#0C964A - #C9F47E | 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 #0C964A como 0% y #C9F47E como 100%.

0.0%	0.0% #0B964A	RGB 11 150 74	#0B964A
16.7%	16.7% #19A53E	RGB 25 165 62	#19A53E
33.3%	33.3% #28B535	RGB 40 181 53	#28B535
50.0%	50.0% #47C53A	RGB 71 197 58	#47C53A
66.7%	66.7% #73D44E	RGB 115 212 78	#73D44E
83.3%	83.3% #9FE465	RGB 159 228 101	#9FE465
100.0%	100.0% #C9F47E	RGB 201 244 126	#C9F47E

#0B964A #19A53E #28B535 #47C53A #73D44E #9FE465 #C9F47E

#0C964A - #47C53A - #C9F47E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0B964A 0%, #47C53A 50%, #C9F47E 100%);
    background: -webkit-linear-gradient(top, #0B964A 0%, #47C53A 50%, #C9F47E 100%);
    background: linear-gradient(to bottom, #0B964A 0%, #47C53A 50%, #C9F47E 100%);
}
</style>