#DDD4EB - #947CB0 | 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 #DDD4EB to #947CB0

#DDD4EB #947CB0

Calculate the color between two colors, #DDD4EB and #947CB0. 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)

#DDD4EB - #947CB0 | 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 #DDD4EB as 0% and #947CB0 as 100%.

0.0%	0.0% #DDD4EB	RGB 221 212 235	#DDD4EB
16.7%	16.7% #D0C5E1	RGB 208 197 225	#D0C5E1
33.3%	33.3% #C4B6D7	RGB 196 182 215	#C4B6D7
50.0%	50.0% #B8A8CD	RGB 184 168 205	#B8A8CD
66.7%	66.7% #AC99C3	RGB 172 153 195	#AC99C3
83.3%	83.3% #A08AB9	RGB 160 138 185	#A08AB9
100.0%	100.0% #947CB0	RGB 148 124 176	#947CB0

#DDD4EB #D0C5E1 #C4B6D7 #B8A8CD #AC99C3 #A08AB9 #947CB0

#DDD4EB - #947CB0

HSV Blend

#DDD4EB - #947CB0 | 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 #DDD4EB as 0% and #947CB0 as 100%.

0.0%	0.0% #DDD4EB	RGB 221 212 235	#DDD4EB
16.7%	16.7% #CFC3E1	RGB 207 195 225	#CFC3E1
33.3%	33.3% #C2B4D7	RGB 194 180 215	#C2B4D7
50.0%	50.0% #B6A5CD	RGB 182 165 205	#B6A5CD
66.7%	66.7% #AA96C3	RGB 170 150 195	#AA96C3
83.3%	83.3% #9E89B9	RGB 158 137 185	#9E89B9
100.0%	100.0% #947CB0	RGB 148 124 176	#947CB0

#DDD4EB #CFC3E1 #C2B4D7 #B6A5CD #AA96C3 #9E89B9 #947CB0

#DDD4EB - #B6A5CD - #947CB0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DDD4EB 0%, #B6A5CD 50%, #947CB0 100%);
    background: -webkit-linear-gradient(top, #DDD4EB 0%, #B6A5CD 50%, #947CB0 100%);
    background: linear-gradient(to bottom, #DDD4EB 0%, #B6A5CD 50%, #947CB0 100%);
}
</style>