#A8D0AF - #E0E6B7 | 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 #A8D0AF to #E0E6B7

#A8D0AF #E0E6B7

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

#A8D0AF - #E0E6B7 | 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 #A8D0AF as 0% and #E0E6B7 as 100%.

0.0%	0.0% #A8D0AF	RGB 168 208 175	#A8D0AF
16.7%	16.7% #B1D3B0	RGB 177 211 176	#B1D3B0
33.3%	33.3% #BAD7B1	RGB 186 215 177	#BAD7B1
50.0%	50.0% #C4DBB3	RGB 196 219 179	#C4DBB3
66.7%	66.7% #CDDEB4	RGB 205 222 180	#CDDEB4
83.3%	83.3% #D6E2B5	RGB 214 226 181	#D6E2B5
100.0%	100.0% #E0E6B7	RGB 224 230 183	#E0E6B7

#A8D0AF #B1D3B0 #BAD7B1 #C4DBB3 #CDDEB4 #D6E2B5 #E0E6B7

#A8D0AF - #E0E6B7

HSV Blend

#A8D0AF - #E0E6B7 | 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 #A8D0AF as 0% and #E0E6B7 as 100%.

0.0%	0.0% #A8D0AF	RGB 168 208 175	#A8D0AF
16.7%	16.7% #AAD3AA	RGB 170 211 170	#AAD3AA
33.3%	33.3% #B4D7AD	RGB 180 215 173	#B4D7AD
50.0%	50.0% #BEDBAF	RGB 190 219 175	#BEDBAF
66.7%	66.7% #C9DEB2	RGB 201 222 178	#C9DEB2
83.3%	83.3% #D4E2B4	RGB 212 226 180	#D4E2B4
100.0%	100.0% #E0E6B7	RGB 224 230 183	#E0E6B7

#A8D0AF #AAD3AA #B4D7AD #BEDBAF #C9DEB2 #D4E2B4 #E0E6B7

#A8D0AF - #BEDBAF - #E0E6B7

CSS codes

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

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