#DED5E5 - #9381A7 | 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 #DED5E5 to #9381A7

#DED5E5 #9381A7

Calculate the color between two colors, #DED5E5 and #9381A7. 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)

#DED5E5 - #9381A7 | 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 #DED5E5 as 0% and #9381A7 as 100%.

0.0%	0.0% #DED5E5	RGB 222 213 229	#DED5E5
16.7%	16.7% #D1C7DA	RGB 209 199 218	#D1C7DA
33.3%	33.3% #C5B9D0	RGB 197 185 208	#C5B9D0
50.0%	50.0% #B8ABC6	RGB 184 171 198	#B8ABC6
66.7%	66.7% #AC9DBB	RGB 172 157 187	#AC9DBB
83.3%	83.3% #9F8FB1	RGB 159 143 177	#9F8FB1
100.0%	100.0% #9381A7	RGB 147 129 167	#9381A7

#DED5E5 #D1C7DA #C5B9D0 #B8ABC6 #AC9DBB #9F8FB1 #9381A7

#DED5E5 - #9381A7

HSV Blend

#DED5E5 - #9381A7 | 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 #DED5E5 as 0% and #9381A7 as 100%.

0.0%	0.0% #DED5E5	RGB 222 213 229	#DED5E5
16.7%	16.7% #D1C5DA	RGB 209 197 218	#D1C5DA
33.3%	33.3% #C4B6D0	RGB 196 182 208	#C4B6D0
50.0%	50.0% #B7A8C6	RGB 183 168 198	#B7A8C6
66.7%	66.7% #AB9ABB	RGB 171 154 187	#AB9ABB
83.3%	83.3% #9F8DB1	RGB 159 141 177	#9F8DB1
100.0%	100.0% #9381A7	RGB 147 129 167	#9381A7

#DED5E5 #D1C5DA #C4B6D0 #B7A8C6 #AB9ABB #9F8DB1 #9381A7

#DED5E5 - #B7A8C6 - #9381A7

CSS codes

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

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