#D5B5E7 - #AE62C8 | 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 #D5B5E7 to #AE62C8

#D5B5E7 #AE62C8

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

#D5B5E7 - #AE62C8 | 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 #D5B5E7 as 0% and #AE62C8 as 100%.

0.0%	0.0% #D5B5E7	RGB 213 181 231	#D5B5E7
16.7%	16.7% #CEA7E1	RGB 206 167 225	#CEA7E1
33.3%	33.3% #C899DC	RGB 200 153 220	#C899DC
50.0%	50.0% #C18BD7	RGB 193 139 215	#C18BD7
66.7%	66.7% #BB7DD2	RGB 187 125 210	#BB7DD2
83.3%	83.3% #B46FCD	RGB 180 111 205	#B46FCD
100.0%	100.0% #AE62C8	RGB 174 98 200	#AE62C8

#D5B5E7 #CEA7E1 #C899DC #C18BD7 #BB7DD2 #B46FCD #AE62C8

#D5B5E7 - #AE62C8

HSV Blend

#D5B5E7 - #AE62C8 | 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 #D5B5E7 as 0% and #AE62C8 as 100%.

0.0%	0.0% #D5B5E7	RGB 213 181 231	#D5B5E7
16.7%	16.7% #CDA5E1	RGB 205 165 225	#CDA5E1
33.3%	33.3% #C697DC	RGB 198 151 220	#C697DC
50.0%	50.0% #BF89D7	RGB 191 137 215	#BF89D7
66.7%	66.7% #B97BD2	RGB 185 123 210	#B97BD2
83.3%	83.3% #B36ECD	RGB 179 110 205	#B36ECD
100.0%	100.0% #AE62C8	RGB 174 98 200	#AE62C8

#D5B5E7 #CDA5E1 #C697DC #BF89D7 #B97BD2 #B36ECD #AE62C8

#D5B5E7 - #BF89D7 - #AE62C8

CSS codes

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

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