#DCCCD4 - #A06B9E | 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 #DCCCD4 to #A06B9E

#DCCCD4 #A06B9E

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

#DCCCD4 - #A06B9E | 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 #DCCCD4 as 0% and #A06B9E as 100%.

0.0%	0.0% #DCCCD4	RGB 220 204 212	#DCCCD4
16.7%	16.7% #D2BBCB	RGB 210 187 203	#D2BBCB
33.3%	33.3% #C8ABC2	RGB 200 171 194	#C8ABC2
50.0%	50.0% #BE9BB9	RGB 190 155 185	#BE9BB9
66.7%	66.7% #B48BB0	RGB 180 139 176	#B48BB0
83.3%	83.3% #AA7BA7	RGB 170 123 167	#AA7BA7
100.0%	100.0% #A06B9E	RGB 160 107 158	#A06B9E

#DCCCD4 #D2BBCB #C8ABC2 #BE9BB9 #B48BB0 #AA7BA7 #A06B9E

#DCCCD4 - #A06B9E

HSV Blend

#DCCCD4 - #A06B9E | 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 #DCCCD4 as 0% and #A06B9E as 100%.

0.0%	0.0% #DCCCD4	RGB 220 204 212	#DCCCD4
16.7%	16.7% #D2B9C7	RGB 210 185 199	#D2B9C7
33.3%	33.3% #C8A8BD	RGB 200 168 189	#C8A8BD
50.0%	50.0% #BE97B3	RGB 190 151 179	#BE97B3
66.7%	66.7% #B487AB	RGB 180 135 171	#B487AB
83.3%	83.3% #AA79A4	RGB 170 121 164	#AA79A4
100.0%	100.0% #A06B9E	RGB 160 107 158	#A06B9E

#DCCCD4 #D2B9C7 #C8A8BD #BE97B3 #B487AB #AA79A4 #A06B9E

#DCCCD4 - #BE97B3 - #A06B9E

CSS codes

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

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