#D3CDDA - #A77DC5 | 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 #D3CDDA to #A77DC5

#D3CDDA #A77DC5

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

#D3CDDA - #A77DC5 | 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 #D3CDDA as 0% and #A77DC5 as 100%.

0.0%	0.0% #D3CDDA	RGB 211 205 218	#D3CDDA
16.7%	16.7% #CBBFD6	RGB 203 191 214	#CBBFD6
33.3%	33.3% #C4B2D3	RGB 196 178 211	#C4B2D3
50.0%	50.0% #BDA5CF	RGB 189 165 207	#BDA5CF
66.7%	66.7% #B597CC	RGB 181 151 204	#B597CC
83.3%	83.3% #AE8AC8	RGB 174 138 200	#AE8AC8
100.0%	100.0% #A77DC5	RGB 167 125 197	#A77DC5

#D3CDDA #CBBFD6 #C4B2D3 #BDA5CF #B597CC #AE8AC8 #A77DC5

#D3CDDA - #A77DC5

HSV Blend

#D3CDDA - #A77DC5 | 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 #D3CDDA as 0% and #A77DC5 as 100%.

0.0%	0.0% #D3CDDA	RGB 211 205 218	#D3CDDA
16.7%	16.7% #CABED6	RGB 202 190 214	#CABED6
33.3%	33.3% #C2B0D3	RGB 194 176 211	#C2B0D3
50.0%	50.0% #BAA3CF	RGB 186 163 207	#BAA3CF
66.7%	66.7% #B396CC	RGB 179 150 204	#B396CC
83.3%	83.3% #AC89C8	RGB 172 137 200	#AC89C8
100.0%	100.0% #A77DC5	RGB 167 125 197	#A77DC5

#D3CDDA #CABED6 #C2B0D3 #BAA3CF #B396CC #AC89C8 #A77DC5

#D3CDDA - #BAA3CF - #A77DC5

CSS codes

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

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