#8CBA5E - #4C8F19 | 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 #8CBA5E a #4C8F19

#8CBA5E #4C8F19

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

#8CBA5E - #4C8F19 | 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 #8CBA5E como 0% y #4C8F19 como 100%.

0.0%	0.0% #8CBA5E	RGB 140 186 94	#8CBA5E
16.7%	16.7% #81B252	RGB 129 178 82	#81B252
33.3%	33.3% #76AB47	RGB 118 171 71	#76AB47
50.0%	50.0% #6CA43B	RGB 108 164 59	#6CA43B
66.7%	66.7% #619D30	RGB 97 157 48	#619D30
83.3%	83.3% #569624	RGB 86 150 36	#569624
100.0%	100.0% #4C8F19	RGB 76 143 25	#4C8F19

#8CBA5E #81B252 #76AB47 #6CA43B #619D30 #569624 #4C8F19

#8CBA5E - #4C8F19

Mezcla HSV

#8CBA5E - #4C8F19 | 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 #8CBA5E como 0% y #4C8F19 como 100%.

0.0%	0.0% #8CBA5E	RGB 140 186 94	#8CBA5E
16.7%	16.7% #80B250	RGB 128 178 80	#80B250
33.3%	33.3% #75AB43	RGB 117 171 67	#75AB43
50.0%	50.0% #6AA437	RGB 106 164 55	#6AA437
66.7%	66.7% #609D2C	RGB 96 157 44	#609D2C
83.3%	83.3% #559622	RGB 85 150 34	#559622
100.0%	100.0% #4C8F19	RGB 76 143 25	#4C8F19

#8CBA5E #80B250 #75AB43 #6AA437 #609D2C #559622 #4C8F19

#8CBA5E - #6AA437 - #4C8F19

Códigos CSS

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

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