#DCB5DA - #AD5AA9 | 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 #DCB5DA to #AD5AA9

#DCB5DA #AD5AA9

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

#DCB5DA - #AD5AA9 | 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 #DCB5DA as 0% and #AD5AA9 as 100%.

0.0%	0.0% #DCB5DA	RGB 220 181 218	#DCB5DA
16.7%	16.7% #D4A5D1	RGB 212 165 209	#D4A5D1
33.3%	33.3% #CC96C9	RGB 204 150 201	#CC96C9
50.0%	50.0% #C487C1	RGB 196 135 193	#C487C1
66.7%	66.7% #BC78B9	RGB 188 120 185	#BC78B9
83.3%	83.3% #B469B1	RGB 180 105 177	#B469B1
100.0%	100.0% #AD5AA9	RGB 173 90 169	#AD5AA9

#DCB5DA #D4A5D1 #CC96C9 #C487C1 #BC78B9 #B469B1 #AD5AA9

#DCB5DA - #AD5AA9

HSV Blend

#DCB5DA - #AD5AA9 | 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 #DCB5DA as 0% and #AD5AA9 as 100%.

0.0%	0.0% #DCB5DA	RGB 220 181 218	#DCB5DA
16.7%	16.7% #D4A3D1	RGB 212 163 209	#D4A3D1
33.3%	33.3% #CC93C9	RGB 204 147 201	#CC93C9
50.0%	50.0% #C483C1	RGB 196 131 193	#C483C1
66.7%	66.7% #BC75B9	RGB 188 117 185	#BC75B9
83.3%	83.3% #B467B1	RGB 180 103 177	#B467B1
100.0%	100.0% #AD5AA9	RGB 173 90 169	#AD5AA9

#DCB5DA #D4A3D1 #CC93C9 #C483C1 #BC75B9 #B467B1 #AD5AA9

#DCB5DA - #C483C1 - #AD5AA9

CSS codes

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

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