#ABAF5E - #5E4D0B | 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 #ABAF5E a #5E4D0B

#ABAF5E #5E4D0B

Calcule el color entre dos colores, #ABAF5E y #5E4D0B. 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)

#ABAF5E - #5E4D0B | 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 #ABAF5E como 0% y #5E4D0B como 100%.

0.0%	0.0% #ABAF5E	RGB 171 175 94	#ABAF5E
16.7%	16.7% #9E9E50	RGB 158 158 80	#9E9E50
33.3%	33.3% #918E42	RGB 145 142 66	#918E42
50.0%	50.0% #847E34	RGB 132 126 52	#847E34
66.7%	66.7% #776D26	RGB 119 109 38	#776D26
83.3%	83.3% #6A5D18	RGB 106 93 24	#6A5D18
100.0%	100.0% #5E4D0B	RGB 94 77 11	#5E4D0B

#ABAF5E #9E9E50 #918E42 #847E34 #776D26 #6A5D18 #5E4D0B

#ABAF5E - #5E4D0B

Mezcla HSV

#ABAF5E - #5E4D0B | 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 #ABAF5E como 0% y #5E4D0B como 100%.

0.0%	0.0% #ABAF5E	RGB 171 175 94	#ABAF5E
16.7%	16.7% #A0A14B	RGB 160 161 75	#A0A14B
33.3%	33.3% #94903A	RGB 148 144 58	#94903A
50.0%	50.0% #867F2B	RGB 134 127 43	#867F2B
66.7%	66.7% #796E1F	RGB 121 110 31	#796E1F
83.3%	83.3% #6B5D14	RGB 107 93 20	#6B5D14
100.0%	100.0% #5E4D0B	RGB 94 77 11	#5E4D0B

#ABAF5E #A0A14B #94903A #867F2B #796E1F #6B5D14 #5E4D0B

#ABAF5E - #867F2B - #5E4D0B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABAF5E 0%, #867F2B 50%, #5E4D0B 100%);
    background: -webkit-linear-gradient(top, #ABAF5E 0%, #867F2B 50%, #5E4D0B 100%);
    background: linear-gradient(to bottom, #ABAF5E 0%, #867F2B 50%, #5E4D0B 100%);
}
</style>