#399600 - #C5E1B6 | 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 #399600 a #C5E1B6

#399600 #C5E1B6

Calcule el color entre dos colores, #399600 y #C5E1B6. 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)

#399600 - #C5E1B6 | 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 #399600 como 0% y #C5E1B6 como 100%.

0.0%	0.0% #399600	RGB 57 150 0	#399600
16.7%	16.7% #50A21E	RGB 80 162 30	#50A21E
33.3%	33.3% #67AF3C	RGB 103 175 60	#67AF3C
50.0%	50.0% #7FBB5B	RGB 127 187 91	#7FBB5B
66.7%	66.7% #96C879	RGB 150 200 121	#96C879
83.3%	83.3% #ADD497	RGB 173 212 151	#ADD497
100.0%	100.0% #C5E1B6	RGB 197 225 182	#C5E1B6

#399600 #50A21E #67AF3C #7FBB5B #96C879 #ADD497 #C5E1B6

#399600 - #C5E1B6

Mezcla HSV

#399600 - #C5E1B6 | 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 #399600 como 0% y #C5E1B6 como 100%.

0.0%	0.0% #389600	RGB 56 150 0	#389600
16.7%	16.7% #4AA215	RGB 74 162 21	#4AA215
33.3%	33.3% #5EAF2F	RGB 94 175 47	#5EAF2F
50.0%	50.0% #74BB4B	RGB 116 187 75	#74BB4B
66.7%	66.7% #8CC86B	RGB 140 200 107	#8CC86B
83.3%	83.3% #A7D48F	RGB 167 212 143	#A7D48F
100.0%	100.0% #C5E1B6	RGB 197 225 182	#C5E1B6

#389600 #4AA215 #5EAF2F #74BB4B #8CC86B #A7D48F #C5E1B6

#399600 - #74BB4B - #C5E1B6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #389600 0%, #74BB4B 50%, #C5E1B6 100%);
    background: -webkit-linear-gradient(top, #389600 0%, #74BB4B 50%, #C5E1B6 100%);
    background: linear-gradient(to bottom, #389600 0%, #74BB4B 50%, #C5E1B6 100%);
}
</style>