#D1B5E4 - #A460D0 | 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 #D1B5E4 to #A460D0

#D1B5E4 #A460D0

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

#D1B5E4 - #A460D0 | 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 #D1B5E4 as 0% and #A460D0 as 100%.

0.0%	0.0% #D1B5E4	RGB 209 181 228	#D1B5E4
16.7%	16.7% #C9A6E0	RGB 201 166 224	#C9A6E0
33.3%	33.3% #C298DD	RGB 194 152 221	#C298DD
50.0%	50.0% #BA8ADA	RGB 186 138 218	#BA8ADA
66.7%	66.7% #B37CD6	RGB 179 124 214	#B37CD6
83.3%	83.3% #AB6ED3	RGB 171 110 211	#AB6ED3
100.0%	100.0% #A460D0	RGB 164 96 208	#A460D0

#D1B5E4 #C9A6E0 #C298DD #BA8ADA #B37CD6 #AB6ED3 #A460D0

#D1B5E4 - #A460D0

HSV Blend

#D1B5E4 - #A460D0 | 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 #D1B5E4 as 0% and #A460D0 as 100%.

0.0%	0.0% #D1B5E4	RGB 209 181 228	#D1B5E4
16.7%	16.7% #C9A5E0	RGB 201 165 224	#C9A5E0
33.3%	33.3% #C197DD	RGB 193 151 221	#C197DD
50.0%	50.0% #B988DA	RGB 185 136 218	#B988DA
66.7%	66.7% #B27AD6	RGB 178 122 214	#B27AD6
83.3%	83.3% #AB6DD3	RGB 171 109 211	#AB6DD3
100.0%	100.0% #A460D0	RGB 164 96 208	#A460D0

#D1B5E4 #C9A5E0 #C197DD #B988DA #B27AD6 #AB6DD3 #A460D0

#D1B5E4 - #B988DA - #A460D0

CSS codes

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

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