#DBB8F2 - #BC65D9 | 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 #DBB8F2 to #BC65D9

#DBB8F2 #BC65D9

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

#DBB8F2 - #BC65D9 | 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 #DBB8F2 as 0% and #BC65D9 as 100%.

0.0%	0.0% #DBB8F2	RGB 219 184 242	#DBB8F2
16.7%	16.7% #D5AAED	RGB 213 170 237	#D5AAED
33.3%	33.3% #D09CE9	RGB 208 156 233	#D09CE9
50.0%	50.0% #CB8EE5	RGB 203 142 229	#CB8EE5
66.7%	66.7% #C680E1	RGB 198 128 225	#C680E1
83.3%	83.3% #C172DD	RGB 193 114 221	#C172DD
100.0%	100.0% #BC65D9	RGB 188 101 217	#BC65D9

#DBB8F2 #D5AAED #D09CE9 #CB8EE5 #C680E1 #C172DD #BC65D9

#DBB8F2 - #BC65D9

HSV Blend

#DBB8F2 - #BC65D9 | 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 #DBB8F2 as 0% and #BC65D9 as 100%.

0.0%	0.0% #DBB8F2	RGB 219 184 242	#DBB8F2
16.7%	16.7% #D4A9ED	RGB 212 169 237	#D4A9ED
33.3%	33.3% #CE9AE9	RGB 206 154 233	#CE9AE9
50.0%	50.0% #C88CE5	RGB 200 140 229	#C88CE5
66.7%	66.7% #C37FE1	RGB 195 127 225	#C37FE1
83.3%	83.3% #BF71DD	RGB 191 113 221	#BF71DD
100.0%	100.0% #BC65D9	RGB 188 101 217	#BC65D9

#DBB8F2 #D4A9ED #CE9AE9 #C88CE5 #C37FE1 #BF71DD #BC65D9

#DBB8F2 - #C88CE5 - #BC65D9

CSS codes

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

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