#149600 - #8BD16D | 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 #149600 a #8BD16D

#149600 #8BD16D

Calcule el color entre dos colores, #149600 y #8BD16D. 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)

#149600 - #8BD16D | 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 #149600 como 0% y #8BD16D como 100%.

0.0%	0.0% #149600	RGB 20 150 0	#149600
16.7%	16.7% #279F12	RGB 39 159 18	#279F12
33.3%	33.3% #3BA924	RGB 59 169 36	#3BA924
50.0%	50.0% #4FB336	RGB 79 179 54	#4FB336
66.7%	66.7% #63BD48	RGB 99 189 72	#63BD48
83.3%	83.3% #77C75A	RGB 119 199 90	#77C75A
100.0%	100.0% #8BD16D	RGB 139 209 109	#8BD16D

#149600 #279F12 #3BA924 #4FB336 #63BD48 #77C75A #8BD16D

#149600 - #8BD16D

Mezcla HSV

#149600 - #8BD16D | 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 #149600 como 0% y #8BD16D como 100%.

0.0%	0.0% #139600	RGB 19 150 0	#139600
16.7%	16.7% #259F0D	RGB 37 159 13	#259F0D
33.3%	33.3% #37A91D	RGB 55 169 29	#37A91D
50.0%	50.0% #4BB32E	RGB 75 179 46	#4BB32E
66.7%	66.7% #60BD41	RGB 96 189 65	#60BD41
83.3%	83.3% #75C756	RGB 117 199 86	#75C756
100.0%	100.0% #8BD16D	RGB 139 209 109	#8BD16D

#139600 #259F0D #37A91D #4BB32E #60BD41 #75C756 #8BD16D

#149600 - #4BB32E - #8BD16D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #139600 0%, #4BB32E 50%, #8BD16D 100%);
    background: -webkit-linear-gradient(top, #139600 0%, #4BB32E 50%, #8BD16D 100%);
    background: linear-gradient(to bottom, #139600 0%, #4BB32E 50%, #8BD16D 100%);
}
</style>