#9DC254 - #5A8F18 | 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 #9DC254 a #5A8F18

#9DC254 #5A8F18

Calcule el color entre dos colores, #9DC254 y #5A8F18. 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)

#9DC254 - #5A8F18 | 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 #9DC254 como 0% y #5A8F18 como 100%.

0.0%	0.0% #9DC254	RGB 157 194 84	#9DC254
16.7%	16.7% #91B94A	RGB 145 185 74	#91B94A
33.3%	33.3% #86B140	RGB 134 177 64	#86B140
50.0%	50.0% #7BA836	RGB 123 168 54	#7BA836
66.7%	66.7% #70A02C	RGB 112 160 44	#70A02C
83.3%	83.3% #659722	RGB 101 151 34	#659722
100.0%	100.0% #5A8F18	RGB 90 143 24	#5A8F18

#9DC254 #91B94A #86B140 #7BA836 #70A02C #659722 #5A8F18

#9DC254 - #5A8F18

Mezcla HSV

#9DC254 - #5A8F18 | 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 #9DC254 como 0% y #5A8F18 como 100%.

0.0%	0.0% #9DC254	RGB 157 194 84	#9DC254
16.7%	16.7% #91B948	RGB 145 185 72	#91B948
33.3%	33.3% #85B13C	RGB 133 177 60	#85B13C
50.0%	50.0% #7AA832	RGB 122 168 50	#7AA832
66.7%	66.7% #6FA028	RGB 111 160 40	#6FA028
83.3%	83.3% #649720	RGB 100 151 32	#649720
100.0%	100.0% #5A8F18	RGB 90 143 24	#5A8F18

#9DC254 #91B948 #85B13C #7AA832 #6FA028 #649720 #5A8F18

#9DC254 - #7AA832 - #5A8F18

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9DC254 0%, #7AA832 50%, #5A8F18 100%);
    background: -webkit-linear-gradient(top, #9DC254 0%, #7AA832 50%, #5A8F18 100%);
    background: linear-gradient(to bottom, #9DC254 0%, #7AA832 50%, #5A8F18 100%);
}
</style>