#A5AF68 - #E5E8D3 | 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 #A5AF68 to #E5E8D3

#A5AF68 #E5E8D3

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

#A5AF68 - #E5E8D3 | 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 #A5AF68 as 0% and #E5E8D3 as 100%.

0.0%	0.0% #A5AF68	RGB 165 175 104	#A5AF68
16.7%	16.7% #AFB879	RGB 175 184 121	#AFB879
33.3%	33.3% #BAC28B	RGB 186 194 139	#BAC28B
50.0%	50.0% #C5CB9D	RGB 197 203 157	#C5CB9D
66.7%	66.7% #CFD5AF	RGB 207 213 175	#CFD5AF
83.3%	83.3% #DADEC1	RGB 218 222 193	#DADEC1
100.0%	100.0% #E5E8D3	RGB 229 232 211	#E5E8D3

#A5AF68 #AFB879 #BAC28B #C5CB9D #CFD5AF #DADEC1 #E5E8D3

#A5AF68 - #E5E8D3

HSV Blend

#A5AF68 - #E5E8D3 | 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 #A5AF68 as 0% and #E5E8D3 as 100%.

0.0%	0.0% #A5AF68	RGB 165 175 104	#A5AF68
16.7%	16.7% #AFB877	RGB 175 184 119	#AFB877
33.3%	33.3% #B9C287	RGB 185 194 135	#B9C287
50.0%	50.0% #C4CB99	RGB 196 203 153	#C4CB99
66.7%	66.7% #CFD5AB	RGB 207 213 171	#CFD5AB
83.3%	83.3% #D9DEBE	RGB 217 222 190	#D9DEBE
100.0%	100.0% #E5E8D3	RGB 229 232 211	#E5E8D3

#A5AF68 #AFB877 #B9C287 #C4CB99 #CFD5AB #D9DEBE #E5E8D3

#A5AF68 - #C4CB99 - #E5E8D3

CSS codes

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

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