#6BAA36 - #FFE864 | 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 #6BAA36 a #FFE864

#6BAA36 #FFE864

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

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

0.0%	0.0% #6BAA36	RGB 107 170 54	#6BAA36
16.7%	16.7% #83B43D	RGB 131 180 61	#83B43D
33.3%	33.3% #9CBE45	RGB 156 190 69	#9CBE45
50.0%	50.0% #B5C94D	RGB 181 201 77	#B5C94D
66.7%	66.7% #CDD354	RGB 205 211 84	#CDD354
83.3%	83.3% #E6DD5C	RGB 230 221 92	#E6DD5C
100.0%	100.0% #FFE864	RGB 255 232 100	#FFE864

#6BAA36 #83B43D #9CBE45 #B5C94D #CDD354 #E6DD5C #FFE864

#6BAA36 - #FFE864

Mezcla HSV

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

0.0%	0.0% #6BAA36	RGB 107 170 54	#6BAA36
16.7%	16.7% #83B83C	RGB 131 184 60	#83B83C
33.3%	33.3% #9DC643	RGB 157 198 67	#9DC643
50.0%	50.0% #B9D44B	RGB 185 212 75	#B9D44B
66.7%	66.7% #D6E253	RGB 214 226 83	#D6E253
83.3%	83.3% #F0EB5B	RGB 240 235 91	#F0EB5B
100.0%	100.0% #FFE864	RGB 255 232 100	#FFE864

#6BAA36 #83B83C #9DC643 #B9D44B #D6E253 #F0EB5B #FFE864

#6BAA36 - #B9D44B - #FFE864

Códigos CSS

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

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