#6BAB15 - #7DFB5E | 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 #6BAB15 a #7DFB5E

#6BAB15 #7DFB5E

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

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

0.0%	0.0% #6BAB15	RGB 107 171 21	#6BAB15
16.7%	16.7% #6EB821	RGB 110 184 33	#6EB821
33.3%	33.3% #71C52D	RGB 113 197 45	#71C52D
50.0%	50.0% #74D339	RGB 116 211 57	#74D339
66.7%	66.7% #77E045	RGB 119 224 69	#77E045
83.3%	83.3% #7AED51	RGB 122 237 81	#7AED51
100.0%	100.0% #7DFB5E	RGB 125 251 94	#7DFB5E

#6BAB15 #6EB821 #71C52D #74D339 #77E045 #7AED51 #7DFB5E

#6BAB15 - #7DFB5E

Mezcla HSV

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

0.0%	0.0% #6BAB15	RGB 107 171 21	#6BAB15
16.7%	16.7% #6CB81E	RGB 108 184 30	#6CB81E
33.3%	33.3% #6FC528	RGB 111 197 40	#6FC528
50.0%	50.0% #71D334	RGB 113 211 52	#71D334
66.7%	66.7% #74E041	RGB 116 224 65	#74E041
83.3%	83.3% #78ED4F	RGB 120 237 79	#78ED4F
100.0%	100.0% #7DFB5E	RGB 125 251 94	#7DFB5E

#6BAB15 #6CB81E #6FC528 #71D334 #74E041 #78ED4F #7DFB5E

#6BAB15 - #71D334 - #7DFB5E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6BAB15 0%, #71D334 50%, #7DFB5E 100%);
    background: -webkit-linear-gradient(top, #6BAB15 0%, #71D334 50%, #7DFB5E 100%);
    background: linear-gradient(to bottom, #6BAB15 0%, #71D334 50%, #7DFB5E 100%);
}
</style>