#A6AD68 - #E5E7D3 | 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 #A6AD68 to #E5E7D3

#A6AD68 #E5E7D3

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

#A6AD68 - #E5E7D3 | 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 #A6AD68 as 0% and #E5E7D3 as 100%.

0.0%	0.0% #A6AD68	RGB 166 173 104	#A6AD68
16.7%	16.7% #B0B679	RGB 176 182 121	#B0B679
33.3%	33.3% #BBC08B	RGB 187 192 139	#BBC08B
50.0%	50.0% #C5CA9D	RGB 197 202 157	#C5CA9D
66.7%	66.7% #D0D3AF	RGB 208 211 175	#D0D3AF
83.3%	83.3% #DADDC1	RGB 218 221 193	#DADDC1
100.0%	100.0% #E5E7D3	RGB 229 231 211	#E5E7D3

#A6AD68 #B0B679 #BBC08B #C5CA9D #D0D3AF #DADDC1 #E5E7D3

#A6AD68 - #E5E7D3

HSV Blend

#A6AD68 - #E5E7D3 | 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 #A6AD68 as 0% and #E5E7D3 as 100%.

0.0%	0.0% #A6AD68	RGB 166 173 104	#A6AD68
16.7%	16.7% #B0B677	RGB 176 182 119	#B0B677
33.3%	33.3% #BAC087	RGB 186 192 135	#BAC087
50.0%	50.0% #C5CA98	RGB 197 202 152	#C5CA98
66.7%	66.7% #CFD3AB	RGB 207 211 171	#CFD3AB
83.3%	83.3% #DADDBE	RGB 218 221 190	#DADDBE
100.0%	100.0% #E5E7D3	RGB 229 231 211	#E5E7D3

#A6AD68 #B0B677 #BAC087 #C5CA98 #CFD3AB #DADDBE #E5E7D3

#A6AD68 - #C5CA98 - #E5E7D3

CSS codes

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

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