#A8D3B4 - #E2DEC0 | 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 #A8D3B4 to #E2DEC0

#A8D3B4 #E2DEC0

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

#A8D3B4 - #E2DEC0 | 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 #A8D3B4 as 0% and #E2DEC0 as 100%.

0.0%	0.0% #A8D3B4	RGB 168 211 180	#A8D3B4
16.7%	16.7% #B1D4B6	RGB 177 212 182	#B1D4B6
33.3%	33.3% #BBD6B8	RGB 187 214 184	#BBD6B8
50.0%	50.0% #C5D8BA	RGB 197 216 186	#C5D8BA
66.7%	66.7% #CEDABC	RGB 206 218 188	#CEDABC
83.3%	83.3% #D8DCBE	RGB 216 220 190	#D8DCBE
100.0%	100.0% #E2DEC0	RGB 226 222 192	#E2DEC0

#A8D3B4 #B1D4B6 #BBD6B8 #C5D8BA #CEDABC #D8DCBE #E2DEC0

#A8D3B4 - #E2DEC0

HSV Blend

#A8D3B4 - #E2DEC0 | 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 #A8D3B4 as 0% and #E2DEC0 as 100%.

0.0%	0.0% #A8D3B4	RGB 168 211 180	#A8D3B4
16.7%	16.7% #ABD5AD	RGB 171 213 173	#ABD5AD
33.3%	33.3% #B7D8AF	RGB 183 216 175	#B7D8AF
50.0%	50.0% #C4DAB3	RGB 196 218 179	#C4DAB3
66.7%	66.7% #D0DDB7	RGB 208 221 183	#D0DDB7
83.3%	83.3% #DBDFBB	RGB 219 223 187	#DBDFBB
100.0%	100.0% #E2DEC0	RGB 226 222 192	#E2DEC0

#A8D3B4 #ABD5AD #B7D8AF #C4DAB3 #D0DDB7 #DBDFBB #E2DEC0

#A8D3B4 - #C4DAB3 - #E2DEC0

CSS codes

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

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