#DCD5E9 - #A27AAE | 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 #DCD5E9 to #A27AAE

#DCD5E9 #A27AAE

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

#DCD5E9 - #A27AAE | 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 #DCD5E9 as 0% and #A27AAE as 100%.

0.0%	0.0% #DCD5E9	RGB 220 213 233	#DCD5E9
16.7%	16.7% #D2C5DF	RGB 210 197 223	#D2C5DF
33.3%	33.3% #C8B6D5	RGB 200 182 213	#C8B6D5
50.0%	50.0% #BFA7CB	RGB 191 167 203	#BFA7CB
66.7%	66.7% #B598C1	RGB 181 152 193	#B598C1
83.3%	83.3% #AB89B7	RGB 171 137 183	#AB89B7
100.0%	100.0% #A27AAE	RGB 162 122 174	#A27AAE

#DCD5E9 #D2C5DF #C8B6D5 #BFA7CB #B598C1 #AB89B7 #A27AAE

#DCD5E9 - #A27AAE

HSV Blend

#DCD5E9 - #A27AAE | 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 #DCD5E9 as 0% and #A27AAE as 100%.

0.0%	0.0% #DCD5E9	RGB 220 213 233	#DCD5E9
16.7%	16.7% #CFC4DF	RGB 207 196 223	#CFC4DF
33.3%	33.3% #C4B3D5	RGB 196 179 213	#C4B3D5
50.0%	50.0% #BAA4CB	RGB 186 164 203	#BAA4CB
66.7%	66.7% #B195C1	RGB 177 149 193	#B195C1
83.3%	83.3% #A987B7	RGB 169 135 183	#A987B7
100.0%	100.0% #A27AAE	RGB 162 122 174	#A27AAE

#DCD5E9 #CFC4DF #C4B3D5 #BAA4CB #B195C1 #A987B7 #A27AAE

#DCD5E9 - #BAA4CB - #A27AAE

CSS codes

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

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