#AAAF5E - #FDE286 | 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 #AAAF5E to #FDE286

#AAAF5E #FDE286

Calculate the color between two colors, #AAAF5E and #FDE286. 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)

#AAAF5E - #FDE286 | 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 #AAAF5E as 0% and #FDE286 as 100%.

0.0%	0.0% #AAAF5E	RGB 170 175 94	#AAAF5E
16.7%	16.7% #B7B764	RGB 183 183 100	#B7B764
33.3%	33.3% #C5C06B	RGB 197 192 107	#C5C06B
50.0%	50.0% #D3C872	RGB 211 200 114	#D3C872
66.7%	66.7% #E1D178	RGB 225 209 120	#E1D178
83.3%	83.3% #EFD97F	RGB 239 217 127	#EFD97F
100.0%	100.0% #FDE286	RGB 253 226 134	#FDE286

#AAAF5E #B7B764 #C5C06B #D3C872 #E1D178 #EFD97F #FDE286

#AAAF5E - #FDE286

HSV Blend

#AAAF5E - #FDE286 | 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 #AAAF5E as 0% and #FDE286 as 100%.

0.0%	0.0% #AAAF5E	RGB 170 175 94	#AAAF5E
16.7%	16.7% #BABC64	RGB 186 188 100	#BABC64
33.3%	33.3% #C9C56B	RGB 201 197 107	#C9C56B
50.0%	50.0% #D6CD72	RGB 214 205 114	#D6CD72
66.7%	66.7% #E3D578	RGB 227 213 120	#E3D578
83.3%	83.3% #F0DB7F	RGB 240 219 127	#F0DB7F
100.0%	100.0% #FDE286	RGB 253 226 134	#FDE286

#AAAF5E #BABC64 #C9C56B #D6CD72 #E3D578 #F0DB7F #FDE286

#AAAF5E - #D6CD72 - #FDE286

CSS codes

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

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