#DED5E4 - #7C76AB | 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 #DED5E4 to #7C76AB

#DED5E4 #7C76AB

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

#DED5E4 - #7C76AB | 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 #DED5E4 as 0% and #7C76AB as 100%.

0.0%	0.0% #DED5E4	RGB 222 213 228	#DED5E4
16.7%	16.7% #CDC5DA	RGB 205 197 218	#CDC5DA
33.3%	33.3% #BDB5D1	RGB 189 181 209	#BDB5D1
50.0%	50.0% #ADA5C7	RGB 173 165 199	#ADA5C7
66.7%	66.7% #9C95BE	RGB 156 149 190	#9C95BE
83.3%	83.3% #8C85B4	RGB 140 133 180	#8C85B4
100.0%	100.0% #7C76AB	RGB 124 118 171	#7C76AB

#DED5E4 #CDC5DA #BDB5D1 #ADA5C7 #9C95BE #8C85B4 #7C76AB

#DED5E4 - #7C76AB

HSV Blend

#DED5E4 - #7C76AB | 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 #DED5E4 as 0% and #7C76AB as 100%.

0.0%	0.0% #DED5E4	RGB 222 213 228	#DED5E4
16.7%	16.7% #CFC3DA	RGB 207 195 218	#CFC3DA
33.3%	33.3% #BFB2D1	RGB 191 178 209	#BFB2D1
50.0%	50.0% #AFA2C7	RGB 175 162 199	#AFA2C7
66.7%	66.7% #9E92BE	RGB 158 146 190	#9E92BE
83.3%	83.3% #8D83B4	RGB 141 131 180	#8D83B4
100.0%	100.0% #7C76AB	RGB 124 118 171	#7C76AB

#DED5E4 #CFC3DA #BFB2D1 #AFA2C7 #9E92BE #8D83B4 #7C76AB

#DED5E4 - #AFA2C7 - #7C76AB

CSS codes

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

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