#DAC9ED - #AD69C0 | 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 #DAC9ED to #AD69C0

#DAC9ED #AD69C0

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

#DAC9ED - #AD69C0 | 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 #DAC9ED as 0% and #AD69C0 as 100%.

0.0%	0.0% #DAC9ED	RGB 218 201 237	#DAC9ED
16.7%	16.7% #D2B9E5	RGB 210 185 229	#D2B9E5
33.3%	33.3% #CBA9DE	RGB 203 169 222	#CBA9DE
50.0%	50.0% #C399D6	RGB 195 153 214	#C399D6
66.7%	66.7% #BC89CF	RGB 188 137 207	#BC89CF
83.3%	83.3% #B479C7	RGB 180 121 199	#B479C7
100.0%	100.0% #AD69C0	RGB 173 105 192	#AD69C0

#DAC9ED #D2B9E5 #CBA9DE #C399D6 #BC89CF #B479C7 #AD69C0

#DAC9ED - #AD69C0

HSV Blend

#DAC9ED - #AD69C0 | 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 #DAC9ED as 0% and #AD69C0 as 100%.

0.0%	0.0% #DAC9ED	RGB 218 201 237	#DAC9ED
16.7%	16.7% #CFB7E5	RGB 207 183 229	#CFB7E5
33.3%	33.3% #C6A5DE	RGB 198 165 222	#C6A5DE
50.0%	50.0% #BE95D6	RGB 190 149 214	#BE95D6
66.7%	66.7% #B785CF	RGB 183 133 207	#B785CF
83.3%	83.3% #B177C7	RGB 177 119 199	#B177C7
100.0%	100.0% #AD69C0	RGB 173 105 192	#AD69C0

#DAC9ED #CFB7E5 #C6A5DE #BE95D6 #B785CF #B177C7 #AD69C0

#DAC9ED - #BE95D6 - #AD69C0

CSS codes

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

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