#DCD5E5 - #A07CA8 | 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 #DCD5E5 to #A07CA8

#DCD5E5 #A07CA8

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

#DCD5E5 - #A07CA8 | 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 #DCD5E5 as 0% and #A07CA8 as 100%.

0.0%	0.0% #DCD5E5	RGB 220 213 229	#DCD5E5
16.7%	16.7% #D2C6DA	RGB 210 198 218	#D2C6DA
33.3%	33.3% #C8B7D0	RGB 200 183 208	#C8B7D0
50.0%	50.0% #BEA8C6	RGB 190 168 198	#BEA8C6
66.7%	66.7% #B499BC	RGB 180 153 188	#B499BC
83.3%	83.3% #AA8AB2	RGB 170 138 178	#AA8AB2
100.0%	100.0% #A07CA8	RGB 160 124 168	#A07CA8

#DCD5E5 #D2C6DA #C8B7D0 #BEA8C6 #B499BC #AA8AB2 #A07CA8

#DCD5E5 - #A07CA8

HSV Blend

#DCD5E5 - #A07CA8 | 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 #DCD5E5 as 0% and #A07CA8 as 100%.

0.0%	0.0% #DCD5E5	RGB 220 213 229	#DCD5E5
16.7%	16.7% #CFC4DA	RGB 207 196 218	#CFC4DA
33.3%	33.3% #C4B4D0	RGB 196 180 208	#C4B4D0
50.0%	50.0% #BAA5C6	RGB 186 165 198	#BAA5C6
66.7%	66.7% #B097BC	RGB 176 151 188	#B097BC
83.3%	83.3% #A889B2	RGB 168 137 178	#A889B2
100.0%	100.0% #A07CA8	RGB 160 124 168	#A07CA8

#DCD5E5 #CFC4DA #C4B4D0 #BAA5C6 #B097BC #A889B2 #A07CA8

#DCD5E5 - #BAA5C6 - #A07CA8

CSS codes

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

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