#D4D0E5 - #8E75A8 | 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 #D4D0E5 to #8E75A8

#D4D0E5 #8E75A8

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

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

0.0%	0.0% #D4D0E5	RGB 212 208 229	#D4D0E5
16.7%	16.7% #C8C0DA	RGB 200 192 218	#C8C0DA
33.3%	33.3% #BCB1D0	RGB 188 177 208	#BCB1D0
50.0%	50.0% #B1A2C6	RGB 177 162 198	#B1A2C6
66.7%	66.7% #A593BC	RGB 165 147 188	#A593BC
83.3%	83.3% #9984B2	RGB 153 132 178	#9984B2
100.0%	100.0% #8E75A8	RGB 142 117 168	#8E75A8

#D4D0E5 #C8C0DA #BCB1D0 #B1A2C6 #A593BC #9984B2 #8E75A8

#D4D0E5 - #8E75A8

HSV Blend

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

0.0%	0.0% #D4D0E5	RGB 212 208 229	#D4D0E5
16.7%	16.7% #C5BFDA	RGB 197 191 218	#C5BFDA
33.3%	33.3% #B8AED0	RGB 184 174 208	#B8AED0
50.0%	50.0% #AC9FC6	RGB 172 159 198	#AC9FC6
66.7%	66.7% #A190BC	RGB 161 144 188	#A190BC
83.3%	83.3% #9782B2	RGB 151 130 178	#9782B2
100.0%	100.0% #8E75A8	RGB 142 117 168	#8E75A8

#D4D0E5 #C5BFDA #B8AED0 #AC9FC6 #A190BC #9782B2 #8E75A8

#D4D0E5 - #AC9FC6 - #8E75A8

CSS codes

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

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