#A2D8D0 - #D5E2C0 | 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 #A2D8D0 to #D5E2C0

#A2D8D0 #D5E2C0

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

#A2D8D0 - #D5E2C0 | 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 #A2D8D0 as 0% and #D5E2C0 as 100%.

0.0%	0.0% #A2D8D0	RGB 162 216 208	#A2D8D0
16.7%	16.7% #AAD9CD	RGB 170 217 205	#AAD9CD
33.3%	33.3% #B3DBCA	RGB 179 219 202	#B3DBCA
50.0%	50.0% #BBDDC8	RGB 187 221 200	#BBDDC8
66.7%	66.7% #C4DEC5	RGB 196 222 197	#C4DEC5
83.3%	83.3% #CCE0C2	RGB 204 224 194	#CCE0C2
100.0%	100.0% #D5E2C0	RGB 213 226 192	#D5E2C0

#A2D8D0 #AAD9CD #B3DBCA #BBDDC8 #C4DEC5 #CCE0C2 #D5E2C0

#A2D8D0 - #D5E2C0

HSV Blend

#A2D8D0 - #D5E2C0 | 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 #A2D8D0 as 0% and #D5E2C0 as 100%.

0.0%	0.0% #A2D8D0	RGB 162 216 208	#A2D8D0
16.7%	16.7% #A6D9C5	RGB 166 217 197	#A6D9C5
33.3%	33.3% #ABDBBC	RGB 171 219 188	#ABDBBC
50.0%	50.0% #B0DDB5	RGB 176 221 181	#B0DDB5
66.7%	66.7% #BBDEB5	RGB 187 222 181	#BBDEB5
83.3%	83.3% #C8E0BA	RGB 200 224 186	#C8E0BA
100.0%	100.0% #D5E2C0	RGB 213 226 192	#D5E2C0

#A2D8D0 #A6D9C5 #ABDBBC #B0DDB5 #BBDEB5 #C8E0BA #D5E2C0

#A2D8D0 - #B0DDB5 - #D5E2C0

CSS codes

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

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