#D2B5DB - #8D5599 | 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 #D2B5DB to #8D5599

#D2B5DB #8D5599

Calculate the color between two colors, #D2B5DB and #8D5599. 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)

#D2B5DB - #8D5599 | 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 #D2B5DB as 0% and #8D5599 as 100%.

0.0%	0.0% #D2B5DB	RGB 210 181 219	#D2B5DB
16.7%	16.7% #C6A5D0	RGB 198 165 208	#C6A5D0
33.3%	33.3% #BB95C5	RGB 187 149 197	#BB95C5
50.0%	50.0% #AF85BA	RGB 175 133 186	#AF85BA
66.7%	66.7% #A475AF	RGB 164 117 175	#A475AF
83.3%	83.3% #9865A4	RGB 152 101 164	#9865A4
100.0%	100.0% #8D5599	RGB 141 85 153	#8D5599

#D2B5DB #C6A5D0 #BB95C5 #AF85BA #A475AF #9865A4 #8D5599

#D2B5DB - #8D5599

HSV Blend

#D2B5DB - #8D5599 | 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 #D2B5DB as 0% and #8D5599 as 100%.

0.0%	0.0% #D2B5DB	RGB 210 181 219	#D2B5DB
16.7%	16.7% #C5A2D0	RGB 197 162 208	#C5A2D0
33.3%	33.3% #B991C5	RGB 185 145 197	#B991C5
50.0%	50.0% #AE80BA	RGB 174 128 186	#AE80BA
66.7%	66.7% #A271AF	RGB 162 113 175	#A271AF
83.3%	83.3% #9762A4	RGB 151 98 164	#9762A4
100.0%	100.0% #8D5599	RGB 141 85 153	#8D5599

#D2B5DB #C5A2D0 #B991C5 #AE80BA #A271AF #9762A4 #8D5599

#D2B5DB - #AE80BA - #8D5599

CSS codes

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

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