#D8C7E5 - #A878AF | 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 #D8C7E5 to #A878AF

#D8C7E5 #A878AF

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

#D8C7E5 - #A878AF | 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 #D8C7E5 as 0% and #A878AF as 100%.

0.0%	0.0% #D8C7E5	RGB 216 199 229	#D8C7E5
16.7%	16.7% #D0B9DC	RGB 208 185 220	#D0B9DC
33.3%	33.3% #C8ACD3	RGB 200 172 211	#C8ACD3
50.0%	50.0% #C09FCA	RGB 192 159 202	#C09FCA
66.7%	66.7% #B892C1	RGB 184 146 193	#B892C1
83.3%	83.3% #B085B8	RGB 176 133 184	#B085B8
100.0%	100.0% #A878AF	RGB 168 120 175	#A878AF

#D8C7E5 #D0B9DC #C8ACD3 #C09FCA #B892C1 #B085B8 #A878AF

#D8C7E5 - #A878AF

HSV Blend

#D8C7E5 - #A878AF | 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 #D8C7E5 as 0% and #A878AF as 100%.

0.0%	0.0% #D8C7E5	RGB 216 199 229	#D8C7E5
16.7%	16.7% #CEB8DC	RGB 206 184 220	#CEB8DC
33.3%	33.3% #C5AAD3	RGB 197 170 211	#C5AAD3
50.0%	50.0% #BD9DCA	RGB 189 157 202	#BD9DCA
66.7%	66.7% #B590C1	RGB 181 144 193	#B590C1
83.3%	83.3% #AE83B8	RGB 174 131 184	#AE83B8
100.0%	100.0% #A878AF	RGB 168 120 175	#A878AF

#D8C7E5 #CEB8DC #C5AAD3 #BD9DCA #B590C1 #AE83B8 #A878AF

#D8C7E5 - #BD9DCA - #A878AF

CSS codes

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

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