#DED1ED - #877AB2 | 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 #DED1ED to #877AB2

#DED1ED #877AB2

Calculate the color between two colors, #DED1ED and #877AB2. 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)

#DED1ED - #877AB2 | 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 #DED1ED as 0% and #877AB2 as 100%.

0.0%	0.0% #DED1ED	RGB 222 209 237	#DED1ED
16.7%	16.7% #CFC2E3	RGB 207 194 227	#CFC2E3
33.3%	33.3% #C1B4D9	RGB 193 180 217	#C1B4D9
50.0%	50.0% #B2A5CF	RGB 178 165 207	#B2A5CF
66.7%	66.7% #A497C5	RGB 164 151 197	#A497C5
83.3%	83.3% #9588BB	RGB 149 136 187	#9588BB
100.0%	100.0% #877AB2	RGB 135 122 178	#877AB2

#DED1ED #CFC2E3 #C1B4D9 #B2A5CF #A497C5 #9588BB #877AB2

#DED1ED - #877AB2

HSV Blend

#DED1ED - #877AB2 | 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 #DED1ED as 0% and #877AB2 as 100%.

0.0%	0.0% #DED1ED	RGB 222 209 237	#DED1ED
16.7%	16.7% #CFC0E3	RGB 207 192 227	#CFC0E3
33.3%	33.3% #C0B1D9	RGB 192 177 217	#C0B1D9
50.0%	50.0% #B2A2CF	RGB 178 162 207	#B2A2CF
66.7%	66.7% #A394C5	RGB 163 148 197	#A394C5
83.3%	83.3% #9586BB	RGB 149 134 187	#9586BB
100.0%	100.0% #877AB2	RGB 135 122 178	#877AB2

#DED1ED #CFC0E3 #C0B1D9 #B2A2CF #A394C5 #9586BB #877AB2

#DED1ED - #B2A2CF - #877AB2

CSS codes

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

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