#6BAA00 - #FFEE3C | 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 #6BAA00 a #FFEE3C

#6BAA00 #FFEE3C

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

#6BAA00 - #FFEE3C | 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 #6BAA00 como 0% y #FFEE3C como 100%.

0.0%	0.0% #6BAA00	RGB 107 170 0	#6BAA00
16.7%	16.7% #83B50A	RGB 131 181 10	#83B50A
33.3%	33.3% #9CC014	RGB 156 192 20	#9CC014
50.0%	50.0% #B5CC1E	RGB 181 204 30	#B5CC1E
66.7%	66.7% #CDD728	RGB 205 215 40	#CDD728
83.3%	83.3% #E6E232	RGB 230 226 50	#E6E232
100.0%	100.0% #FFEE3C	RGB 255 238 60	#FFEE3C

#6BAA00 #83B50A #9CC014 #B5CC1E #CDD728 #E6E232 #FFEE3C

#6BAA00 - #FFEE3C

Mezcla HSV

#6BAA00 - #FFEE3C | 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 #6BAA00 como 0% y #FFEE3C como 100%.

0.0%	0.0% #6BAA00	RGB 107 170 0	#6BAA00
16.7%	16.7% #84B807	RGB 132 184 7	#84B807
33.3%	33.3% #9EC60F	RGB 158 198 15	#9EC60F
50.0%	50.0% #B9D419	RGB 185 212 25	#B9D419
66.7%	66.7% #D6E223	RGB 214 226 35	#D6E223
83.3%	83.3% #F0EE2F	RGB 240 238 47	#F0EE2F
100.0%	100.0% #FFEE3C	RGB 255 238 60	#FFEE3C

#6BAA00 #84B807 #9EC60F #B9D419 #D6E223 #F0EE2F #FFEE3C

#6BAA00 - #B9D419 - #FFEE3C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6BAA00 0%, #B9D419 50%, #FFEE3C 100%);
    background: -webkit-linear-gradient(top, #6BAA00 0%, #B9D419 50%, #FFEE3C 100%);
    background: linear-gradient(to bottom, #6BAA00 0%, #B9D419 50%, #FFEE3C 100%);
}
</style>