#D9C5E4 - #A764A4 | 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 #D9C5E4 to #A764A4

#D9C5E4 #A764A4

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

#D9C5E4 - #A764A4 | 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 #D9C5E4 as 0% and #A764A4 as 100%.

0.0%	0.0% #D9C5E4	RGB 217 197 228	#D9C5E4
16.7%	16.7% #D0B4D9	RGB 208 180 217	#D0B4D9
33.3%	33.3% #C8A4CE	RGB 200 164 206	#C8A4CE
50.0%	50.0% #C094C4	RGB 192 148 196	#C094C4
66.7%	66.7% #B784B9	RGB 183 132 185	#B784B9
83.3%	83.3% #AF74AE	RGB 175 116 174	#AF74AE
100.0%	100.0% #A764A4	RGB 167 100 164	#A764A4

#D9C5E4 #D0B4D9 #C8A4CE #C094C4 #B784B9 #AF74AE #A764A4

#D9C5E4 - #A764A4

HSV Blend

#D9C5E4 - #A764A4 | 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 #D9C5E4 as 0% and #A764A4 as 100%.

0.0%	0.0% #D9C5E4	RGB 217 197 228	#D9C5E4
16.7%	16.7% #CEB2D9	RGB 206 178 217	#CEB2D9
33.3%	33.3% #C5A1CF	RGB 197 161 207	#C5A1CF
50.0%	50.0% #BD90C5	RGB 189 144 197	#BD90C5
66.7%	66.7% #B680BB	RGB 182 128 187	#B680BB
83.3%	83.3% #AF71B1	RGB 175 113 177	#AF71B1
100.0%	100.0% #A764A4	RGB 167 100 164	#A764A4

#D9C5E4 #CEB2D9 #C5A1CF #BD90C5 #B680BB #AF71B1 #A764A4

#D9C5E4 - #BD90C5 - #A764A4

CSS codes

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

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