#ABBC5E - #6A871B | 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 #ABBC5E a #6A871B

#ABBC5E #6A871B

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

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

0.0%	0.0% #ABBC5E	RGB 171 188 94	#ABBC5E
16.7%	16.7% #A0B352	RGB 160 179 82	#A0B352
33.3%	33.3% #95AA47	RGB 149 170 71	#95AA47
50.0%	50.0% #8AA13C	RGB 138 161 60	#8AA13C
66.7%	66.7% #7F9831	RGB 127 152 49	#7F9831
83.3%	83.3% #748F26	RGB 116 143 38	#748F26
100.0%	100.0% #6A871B	RGB 106 135 27	#6A871B

#ABBC5E #A0B352 #95AA47 #8AA13C #7F9831 #748F26 #6A871B

#ABBC5E - #6A871B

Mezcla HSV

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

0.0%	0.0% #ABBC5E	RGB 171 188 94	#ABBC5E
16.7%	16.7% #9FB350	RGB 159 179 80	#9FB350
33.3%	33.3% #94AA44	RGB 148 170 68	#94AA44
50.0%	50.0% #89A138	RGB 137 161 56	#89A138
66.7%	66.7% #7F982D	RGB 127 152 45	#7F982D
83.3%	83.3% #748F23	RGB 116 143 35	#748F23
100.0%	100.0% #6A871B	RGB 106 135 27	#6A871B

#ABBC5E #9FB350 #94AA44 #89A138 #7F982D #748F23 #6A871B

#ABBC5E - #89A138 - #6A871B

Códigos CSS

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

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