#8C749B - #DED7E2 | 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 #8C749B to #DED7E2

#8C749B #DED7E2

Calculate the color between two colors, #8C749B and #DED7E2. 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)

#8C749B - #DED7E2 | 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 #8C749B as 0% and #DED7E2 as 100%.

0.0%	0.0% #8C749B	RGB 140 116 155	#8C749B
16.7%	16.7% #9984A6	RGB 153 132 166	#9984A6
33.3%	33.3% #A795B2	RGB 167 149 178	#A795B2
50.0%	50.0% #B5A5BE	RGB 181 165 190	#B5A5BE
66.7%	66.7% #C2B6CA	RGB 194 182 202	#C2B6CA
83.3%	83.3% #D0C6D6	RGB 208 198 214	#D0C6D6
100.0%	100.0% #DED7E2	RGB 222 215 226	#DED7E2

#8C749B #9984A6 #A795B2 #B5A5BE #C2B6CA #D0C6D6 #DED7E2

#8C749B - #DED7E2

HSV Blend

#8C749B - #DED7E2 | 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 #8C749B as 0% and #DED7E2 as 100%.

0.0%	0.0% #8C749B	RGB 140 116 155	#8C749B
16.7%	16.7% #9882A6	RGB 152 130 166	#9882A6
33.3%	33.3% #A691B2	RGB 166 145 178	#A691B2
50.0%	50.0% #B3A1BE	RGB 179 161 190	#B3A1BE
66.7%	66.7% #C1B2CA	RGB 193 178 202	#C1B2CA
83.3%	83.3% #CFC4D6	RGB 207 196 214	#CFC4D6
100.0%	100.0% #DED7E2	RGB 222 215 226	#DED7E2

#8C749B #9882A6 #A691B2 #B3A1BE #C1B2CA #CFC4D6 #DED7E2

#8C749B - #B3A1BE - #DED7E2

CSS codes

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

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