#D5EAD7 - #80B4A6 | 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 #D5EAD7 to #80B4A6

#D5EAD7 #80B4A6

Calculate the color between two colors, #D5EAD7 and #80B4A6. 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)

#D5EAD7 - #80B4A6 | 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 #D5EAD7 as 0% and #80B4A6 as 100%.

0.0%	0.0% #D5EAD7	RGB 213 234 215	#D5EAD7
16.7%	16.7% #C6E1CE	RGB 198 225 206	#C6E1CE
33.3%	33.3% #B8D8C6	RGB 184 216 198	#B8D8C6
50.0%	50.0% #AACFBE	RGB 170 207 190	#AACFBE
66.7%	66.7% #9CC6B6	RGB 156 198 182	#9CC6B6
83.3%	83.3% #8EBDAE	RGB 142 189 174	#8EBDAE
100.0%	100.0% #80B4A6	RGB 128 180 166	#80B4A6

#D5EAD7 #C6E1CE #B8D8C6 #AACFBE #9CC6B6 #8EBDAE #80B4A6

#D5EAD7 - #80B4A6

HSV Blend

#D5EAD7 - #80B4A6 | 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 #D5EAD7 as 0% and #80B4A6 as 100%.

0.0%	0.0% #D5EAD7	RGB 213 234 215	#D5EAD7
16.7%	16.7% #C5E1CA	RGB 197 225 202	#C5E1CA
33.3%	33.3% #B6D8C0	RGB 182 216 192	#B6D8C0
50.0%	50.0% #A7CFB7	RGB 167 207 183	#A7CFB7
66.7%	66.7% #99C6B0	RGB 153 198 176	#99C6B0
83.3%	83.3% #8CBDAA	RGB 140 189 170	#8CBDAA
100.0%	100.0% #80B4A6	RGB 128 180 166	#80B4A6

#D5EAD7 #C5E1CA #B6D8C0 #A7CFB7 #99C6B0 #8CBDAA #80B4A6

#D5EAD7 - #A7CFB7 - #80B4A6

CSS codes

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

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