#A8AD3F - #E6E7C8 | 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 #A8AD3F to #E6E7C8

#A8AD3F #E6E7C8

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

#A8AD3F - #E6E7C8 | 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 #A8AD3F as 0% and #E6E7C8 as 100%.

0.0%	0.0% #A8AD3F	RGB 168 173 63	#A8AD3F
16.7%	16.7% #B2B655	RGB 178 182 85	#B2B655
33.3%	33.3% #BCC06C	RGB 188 192 108	#BCC06C
50.0%	50.0% #C7CA83	RGB 199 202 131	#C7CA83
66.7%	66.7% #D1D39A	RGB 209 211 154	#D1D39A
83.3%	83.3% #DBDDB1	RGB 219 221 177	#DBDDB1
100.0%	100.0% #E6E7C8	RGB 230 231 200	#E6E7C8

#A8AD3F #B2B655 #BCC06C #C7CA83 #D1D39A #DBDDB1 #E6E7C8

#A8AD3F - #E6E7C8

HSV Blend

#A8AD3F - #E6E7C8 | 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 #A8AD3F as 0% and #E6E7C8 as 100%.

0.0%	0.0% #A8AD3F	RGB 168 173 63	#A8AD3F
16.7%	16.7% #B2B651	RGB 178 182 81	#B2B651
33.3%	33.3% #BCC066	RGB 188 192 102	#BCC066
50.0%	50.0% #C6CA7C	RGB 198 202 124	#C6CA7C
66.7%	66.7% #D1D393	RGB 209 211 147	#D1D393
83.3%	83.3% #DBDDAD	RGB 219 221 173	#DBDDAD
100.0%	100.0% #E6E7C8	RGB 230 231 200	#E6E7C8

#A8AD3F #B2B651 #BCC066 #C6CA7C #D1D393 #DBDDAD #E6E7C8

#A8AD3F - #C6CA7C - #E6E7C8

CSS codes

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

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