#DCC3DB - #AD6DA9 | 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 #DCC3DB to #AD6DA9

#DCC3DB #AD6DA9

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

#DCC3DB - #AD6DA9 | 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 #DCC3DB as 0% and #AD6DA9 as 100%.

0.0%	0.0% #DCC3DB	RGB 220 195 219	#DCC3DB
16.7%	16.7% #D4B4D2	RGB 212 180 210	#D4B4D2
33.3%	33.3% #CCA6CA	RGB 204 166 202	#CCA6CA
50.0%	50.0% #C498C2	RGB 196 152 194	#C498C2
66.7%	66.7% #BC89B9	RGB 188 137 185	#BC89B9
83.3%	83.3% #B47BB1	RGB 180 123 177	#B47BB1
100.0%	100.0% #AD6DA9	RGB 173 109 169	#AD6DA9

#DCC3DB #D4B4D2 #CCA6CA #C498C2 #BC89B9 #B47BB1 #AD6DA9

#DCC3DB - #AD6DA9

HSV Blend

#DCC3DB - #AD6DA9 | 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 #DCC3DB as 0% and #AD6DA9 as 100%.

0.0%	0.0% #DCC3DB	RGB 220 195 219	#DCC3DB
16.7%	16.7% #D4B2D2	RGB 212 178 210	#D4B2D2
33.3%	33.3% #CCA3CA	RGB 204 163 202	#CCA3CA
50.0%	50.0% #C494C2	RGB 196 148 194	#C494C2
66.7%	66.7% #BC86B9	RGB 188 134 185	#BC86B9
83.3%	83.3% #B479B1	RGB 180 121 177	#B479B1
100.0%	100.0% #AD6DA9	RGB 173 109 169	#AD6DA9

#DCC3DB #D4B2D2 #CCA3CA #C494C2 #BC86B9 #B479B1 #AD6DA9

#DCC3DB - #C494C2 - #AD6DA9

CSS codes

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

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