#6EB02C - #4D8000 | 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 #6EB02C a #4D8000

#6EB02C #4D8000

Calcule el color entre dos colores, #6EB02C y #4D8000. 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)

#6EB02C - #4D8000 | 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 #6EB02C como 0% y #4D8000 como 100%.

0.0%	0.0% #6EB02C	RGB 110 176 44	#6EB02C
16.7%	16.7% #68A824	RGB 104 168 36	#68A824
33.3%	33.3% #63A01D	RGB 99 160 29	#63A01D
50.0%	50.0% #5D9816	RGB 93 152 22	#5D9816
66.7%	66.7% #58900E	RGB 88 144 14	#58900E
83.3%	83.3% #528807	RGB 82 136 7	#528807
100.0%	100.0% #4D8000	RGB 77 128 0	#4D8000

#6EB02C #68A824 #63A01D #5D9816 #58900E #528807 #4D8000

#6EB02C - #4D8000

Mezcla HSV

#6EB02C - #4D8000 | 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 #6EB02C como 0% y #4D8000 como 100%.

0.0%	0.0% #6EB02C	RGB 110 176 44	#6EB02C
16.7%	16.7% #67A822	RGB 103 168 34	#67A822
33.3%	33.3% #61A01A	RGB 97 160 26	#61A01A
50.0%	50.0% #5C9813	RGB 92 152 19	#5C9813
66.7%	66.7% #56900B	RGB 86 144 11	#56900B
83.3%	83.3% #518805	RGB 81 136 5	#518805
100.0%	100.0% #4D8000	RGB 77 128 0	#4D8000

#6EB02C #67A822 #61A01A #5C9813 #56900B #518805 #4D8000

#6EB02C - #5C9813 - #4D8000

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6EB02C 0%, #5C9813 50%, #4D8000 100%);
    background: -webkit-linear-gradient(top, #6EB02C 0%, #5C9813 50%, #4D8000 100%);
    background: linear-gradient(to bottom, #6EB02C 0%, #5C9813 50%, #4D8000 100%);
}
</style>