#D9AFD3 - #A7579D | 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 #D9AFD3 to #A7579D

#D9AFD3 #A7579D

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

#D9AFD3 - #A7579D | 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 #D9AFD3 as 0% and #A7579D as 100%.

0.0%	0.0% #D9AFD3	RGB 217 175 211	#D9AFD3
16.7%	16.7% #D0A0CA	RGB 208 160 202	#D0A0CA
33.3%	33.3% #C891C1	RGB 200 145 193	#C891C1
50.0%	50.0% #C083B8	RGB 192 131 184	#C083B8
66.7%	66.7% #B774AF	RGB 183 116 175	#B774AF
83.3%	83.3% #AF65A6	RGB 175 101 166	#AF65A6
100.0%	100.0% #A7579D	RGB 167 87 157	#A7579D

#D9AFD3 #D0A0CA #C891C1 #C083B8 #B774AF #AF65A6 #A7579D

#D9AFD3 - #A7579D

HSV Blend

#D9AFD3 - #A7579D | 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 #D9AFD3 as 0% and #A7579D as 100%.

0.0%	0.0% #D9AFD3	RGB 217 175 211	#D9AFD3
16.7%	16.7% #D09EC9	RGB 208 158 201	#D09EC9
33.3%	33.3% #C88EC0	RGB 200 142 192	#C88EC0
50.0%	50.0% #C07FB7	RGB 192 127 183	#C07FB7
66.7%	66.7% #B771AE	RGB 183 113 174	#B771AE
83.3%	83.3% #AF63A5	RGB 175 99 165	#AF63A5
100.0%	100.0% #A7579D	RGB 167 87 157	#A7579D

#D9AFD3 #D09EC9 #C88EC0 #C07FB7 #B771AE #AF63A5 #A7579D

#D9AFD3 - #C07FB7 - #A7579D

CSS codes

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

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