#A6AD5E - #FF9680 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #A6AD5E to #FF9680

#A6AD5E #FF9680

Calculate the color between two colors, #A6AD5E and #FF9680. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#A6AD5E - #FF9680 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #A6AD5E as 0% and #FF9680 as 100%.

0.0%	0.0% #A6AD5E	RGB 166 173 94	#A6AD5E
16.7%	16.7% #B4A963	RGB 180 169 99	#B4A963
33.3%	33.3% #C3A569	RGB 195 165 105	#C3A569
50.0%	50.0% #D2A16F	RGB 210 161 111	#D2A16F
66.7%	66.7% #E19D74	RGB 225 157 116	#E19D74
83.3%	83.3% #F0997A	RGB 240 153 122	#F0997A
100.0%	100.0% #FF9680	RGB 255 150 128	#FF9680

#A6AD5E #B4A963 #C3A569 #D2A16F #E19D74 #F0997A #FF9680

#A6AD5E - #FF9680

HSV Blend

#A6AD5E - #FF9680 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #A6AD5E as 0% and #FF9680 as 100%.

0.0%	0.0% #A6AD5E	RGB 166 173 94	#A6AD5E
16.7%	16.7% #BAB564	RGB 186 181 100	#BAB564
33.3%	33.3% #C8B36A	RGB 200 179 106	#C8B36A
50.0%	50.0% #D6B06F	RGB 214 176 111	#D6B06F
66.7%	66.7% #E3AA75	RGB 227 170 117	#E3AA75
83.3%	83.3% #F1A17A	RGB 241 161 122	#F1A17A
100.0%	100.0% #FF9680	RGB 255 150 128	#FF9680

#A6AD5E #BAB564 #C8B36A #D6B06F #E3AA75 #F1A17A #FF9680

#A6AD5E - #D6B06F - #FF9680

CSS codes

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

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