#D8C5E2 - #A072C3 | 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 #D8C5E2 to #A072C3

#D8C5E2 #A072C3

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

#D8C5E2 - #A072C3 | 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 #D8C5E2 as 0% and #A072C3 as 100%.

0.0%	0.0% #D8C5E2	RGB 216 197 226	#D8C5E2
16.7%	16.7% #CEB7DC	RGB 206 183 220	#CEB7DC
33.3%	33.3% #C5A9D7	RGB 197 169 215	#C5A9D7
50.0%	50.0% #BC9BD2	RGB 188 155 210	#BC9BD2
66.7%	66.7% #B28DCD	RGB 178 141 205	#B28DCD
83.3%	83.3% #A97FC8	RGB 169 127 200	#A97FC8
100.0%	100.0% #A072C3	RGB 160 114 195	#A072C3

#D8C5E2 #CEB7DC #C5A9D7 #BC9BD2 #B28DCD #A97FC8 #A072C3

#D8C5E2 - #A072C3

HSV Blend

#D8C5E2 - #A072C3 | 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 #D8C5E2 as 0% and #A072C3 as 100%.

0.0%	0.0% #D8C5E2	RGB 216 197 226	#D8C5E2
16.7%	16.7% #CEB5DC	RGB 206 181 220	#CEB5DC
33.3%	33.3% #C5A7D7	RGB 197 167 215	#C5A7D7
50.0%	50.0% #BC99D2	RGB 188 153 210	#BC99D2
66.7%	66.7% #B28BCD	RGB 178 139 205	#B28BCD
83.3%	83.3% #A97EC8	RGB 169 126 200	#A97EC8
100.0%	100.0% #A072C3	RGB 160 114 195	#A072C3

#D8C5E2 #CEB5DC #C5A7D7 #BC99D2 #B28BCD #A97EC8 #A072C3

#D8C5E2 - #BC99D2 - #A072C3

CSS codes

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

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