#D3C4D4 - #7E7290 | 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 #D3C4D4 to #7E7290

#D3C4D4 #7E7290

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

#D3C4D4 - #7E7290 | 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 #D3C4D4 as 0% and #7E7290 as 100%.

0.0%	0.0% #D3C4D4	RGB 211 196 212	#D3C4D4
16.7%	16.7% #C4B6C8	RGB 196 182 200	#C4B6C8
33.3%	33.3% #B6A8BD	RGB 182 168 189	#B6A8BD
50.0%	50.0% #A89BB2	RGB 168 155 178	#A89BB2
66.7%	66.7% #9A8DA6	RGB 154 141 166	#9A8DA6
83.3%	83.3% #8C7F9B	RGB 140 127 155	#8C7F9B
100.0%	100.0% #7E7290	RGB 126 114 144	#7E7290

#D3C4D4 #C4B6C8 #B6A8BD #A89BB2 #9A8DA6 #8C7F9B #7E7290

#D3C4D4 - #7E7290

HSV Blend

#D3C4D4 - #7E7290 | 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 #D3C4D4 as 0% and #7E7290 as 100%.

0.0%	0.0% #D3C4D4	RGB 211 196 212	#D3C4D4
16.7%	16.7% #C5B5C8	RGB 197 181 200	#C5B5C8
33.3%	33.3% #B7A6BD	RGB 183 166 189	#B7A6BD
50.0%	50.0% #A998B2	RGB 169 152 178	#A998B2
66.7%	66.7% #9B8BA6	RGB 155 139 166	#9B8BA6
83.3%	83.3% #8C7E9B	RGB 140 126 155	#8C7E9B
100.0%	100.0% #7E7290	RGB 126 114 144	#7E7290

#D3C4D4 #C5B5C8 #B7A6BD #A998B2 #9B8BA6 #8C7E9B #7E7290

#D3C4D4 - #A998B2 - #7E7290

CSS codes

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

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