#6BAF3C - #FFEB6A | 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 #6BAF3C a #FFEB6A

#6BAF3C #FFEB6A

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

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

0.0%	0.0% #6BAF3C	RGB 107 175 60	#6BAF3C
16.7%	16.7% #83B943	RGB 131 185 67	#83B943
33.3%	33.3% #9CC34B	RGB 156 195 75	#9CC34B
50.0%	50.0% #B5CD53	RGB 181 205 83	#B5CD53
66.7%	66.7% #CDD75A	RGB 205 215 90	#CDD75A
83.3%	83.3% #E6E162	RGB 230 225 98	#E6E162
100.0%	100.0% #FFEB6A	RGB 255 235 106	#FFEB6A

#6BAF3C #83B943 #9CC34B #B5CD53 #CDD75A #E6E162 #FFEB6A

#6BAF3C - #FFEB6A

Mezcla HSV

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

0.0%	0.0% #6BAF3C	RGB 107 175 60	#6BAF3C
16.7%	16.7% #83BC42	RGB 131 188 66	#83BC42
33.3%	33.3% #9DC94A	RGB 157 201 74	#9DC94A
50.0%	50.0% #B8D751	RGB 184 215 81	#B8D751
66.7%	66.7% #D5E459	RGB 213 228 89	#D5E459
83.3%	83.3% #F1EF61	RGB 241 239 97	#F1EF61
100.0%	100.0% #FFEB6A	RGB 255 235 106	#FFEB6A

#6BAF3C #83BC42 #9DC94A #B8D751 #D5E459 #F1EF61 #FFEB6A

#6BAF3C - #B8D751 - #FFEB6A

Códigos CSS

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

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