#D9B8DA - #AF64A8 | 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 #D9B8DA to #AF64A8

#D9B8DA #AF64A8

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

#D9B8DA - #AF64A8 | 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 #D9B8DA as 0% and #AF64A8 as 100%.

0.0%	0.0% #D9B8DA	RGB 217 184 218	#D9B8DA
16.7%	16.7% #D2AAD1	RGB 210 170 209	#D2AAD1
33.3%	33.3% #CB9CC9	RGB 203 156 201	#CB9CC9
50.0%	50.0% #C48EC1	RGB 196 142 193	#C48EC1
66.7%	66.7% #BD80B8	RGB 189 128 184	#BD80B8
83.3%	83.3% #B672B0	RGB 182 114 176	#B672B0
100.0%	100.0% #AF64A8	RGB 175 100 168	#AF64A8

#D9B8DA #D2AAD1 #CB9CC9 #C48EC1 #BD80B8 #B672B0 #AF64A8

#D9B8DA - #AF64A8

HSV Blend

#D9B8DA - #AF64A8 | 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 #D9B8DA as 0% and #AF64A8 as 100%.

0.0%	0.0% #D9B8DA	RGB 217 184 218	#D9B8DA
16.7%	16.7% #D2A8D2	RGB 210 168 210	#D2A8D2
33.3%	33.3% #CB99CB	RGB 203 153 203	#CB99CB
50.0%	50.0% #C48BC2	RGB 196 139 194	#C48BC2
66.7%	66.7% #BD7DB9	RGB 189 125 185	#BD7DB9
83.3%	83.3% #B670B1	RGB 182 112 177	#B670B1
100.0%	100.0% #AF64A8	RGB 175 100 168	#AF64A8

#D9B8DA #D2A8D2 #CB99CB #C48BC2 #BD7DB9 #B670B1 #AF64A8

#D9B8DA - #C48BC2 - #AF64A8

CSS codes

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

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