#A8D1AE - #E1E6B7 | 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 #A8D1AE to #E1E6B7

#A8D1AE #E1E6B7

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

#A8D1AE - #E1E6B7 | 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 #A8D1AE as 0% and #E1E6B7 as 100%.

0.0%	0.0% #A8D1AE	RGB 168 209 174	#A8D1AE
16.7%	16.7% #B1D4AF	RGB 177 212 175	#B1D4AF
33.3%	33.3% #BBD8B1	RGB 187 216 177	#BBD8B1
50.0%	50.0% #C4DBB2	RGB 196 219 178	#C4DBB2
66.7%	66.7% #CEDFB4	RGB 206 223 180	#CEDFB4
83.3%	83.3% #D7E2B5	RGB 215 226 181	#D7E2B5
100.0%	100.0% #E1E6B7	RGB 225 230 183	#E1E6B7

#A8D1AE #B1D4AF #BBD8B1 #C4DBB2 #CEDFB4 #D7E2B5 #E1E6B7

#A8D1AE - #E1E6B7

HSV Blend

#A8D1AE - #E1E6B7 | 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 #A8D1AE as 0% and #E1E6B7 as 100%.

0.0%	0.0% #A8D1AE	RGB 168 209 174	#A8D1AE
16.7%	16.7% #ABD4AA	RGB 171 212 170	#ABD4AA
33.3%	33.3% #B5D8AD	RGB 181 216 173	#B5D8AD
50.0%	50.0% #BFDBAF	RGB 191 219 175	#BFDBAF
66.7%	66.7% #CADFB2	RGB 202 223 178	#CADFB2
83.3%	83.3% #D5E2B4	RGB 213 226 180	#D5E2B4
100.0%	100.0% #E1E6B7	RGB 225 230 183	#E1E6B7

#A8D1AE #ABD4AA #B5D8AD #BFDBAF #CADFB2 #D5E2B4 #E1E6B7

#A8D1AE - #BFDBAF - #E1E6B7

CSS codes

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

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