#D2B5E9 - #A260B7 | 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 #D2B5E9 to #A260B7

#D2B5E9 #A260B7

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

#D2B5E9 - #A260B7 | 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 #D2B5E9 as 0% and #A260B7 as 100%.

0.0%	0.0% #D2B5E9	RGB 210 181 233	#D2B5E9
16.7%	16.7% #CAA6E0	RGB 202 166 224	#CAA6E0
33.3%	33.3% #C298D8	RGB 194 152 216	#C298D8
50.0%	50.0% #BA8AD0	RGB 186 138 208	#BA8AD0
66.7%	66.7% #B27CC7	RGB 178 124 199	#B27CC7
83.3%	83.3% #AA6EBF	RGB 170 110 191	#AA6EBF
100.0%	100.0% #A260B7	RGB 162 96 183	#A260B7

#D2B5E9 #CAA6E0 #C298D8 #BA8AD0 #B27CC7 #AA6EBF #A260B7

#D2B5E9 - #A260B7

HSV Blend

#D2B5E9 - #A260B7 | 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 #D2B5E9 as 0% and #A260B7 as 100%.

0.0%	0.0% #D2B5E9	RGB 210 181 233	#D2B5E9
16.7%	16.7% #C8A5E0	RGB 200 165 224	#C8A5E0
33.3%	33.3% #BF95D8	RGB 191 149 216	#BF95D8
50.0%	50.0% #B787D0	RGB 183 135 208	#B787D0
66.7%	66.7% #AF79C7	RGB 175 121 199	#AF79C7
83.3%	83.3% #A86CBF	RGB 168 108 191	#A86CBF
100.0%	100.0% #A260B7	RGB 162 96 183	#A260B7

#D2B5E9 #C8A5E0 #BF95D8 #B787D0 #AF79C7 #A86CBF #A260B7

#D2B5E9 - #B787D0 - #A260B7

CSS codes

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

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