#DDA8FB - #BA3DDC | 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 #DDA8FB to #BA3DDC

#DDA8FB #BA3DDC

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

#DDA8FB - #BA3DDC | 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 #DDA8FB as 0% and #BA3DDC as 100%.

0.0%	0.0% #DDA8FB	RGB 221 168 251	#DDA8FB
16.7%	16.7% #D796F5	RGB 215 150 245	#D796F5
33.3%	33.3% #D184F0	RGB 209 132 240	#D184F0
50.0%	50.0% #CB72EB	RGB 203 114 235	#CB72EB
66.7%	66.7% #C560E6	RGB 197 96 230	#C560E6
83.3%	83.3% #BF4EE1	RGB 191 78 225	#BF4EE1
100.0%	100.0% #BA3DDC	RGB 186 61 220	#BA3DDC

#DDA8FB #D796F5 #D184F0 #CB72EB #C560E6 #BF4EE1 #BA3DDC

#DDA8FB - #BA3DDC

HSV Blend

#DDA8FB - #BA3DDC | 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 #DDA8FB as 0% and #BA3DDC as 100%.

0.0%	0.0% #DDA8FB	RGB 221 168 251	#DDA8FB
16.7%	16.7% #D594F5	RGB 213 148 245	#D594F5
33.3%	33.3% #CD81F0	RGB 205 129 240	#CD81F0
50.0%	50.0% #C76FEB	RGB 199 111 235	#C76FEB
66.7%	66.7% #C25DE6	RGB 194 93 230	#C25DE6
83.3%	83.3% #BD4DE1	RGB 189 77 225	#BD4DE1
100.0%	100.0% #BA3DDC	RGB 186 61 220	#BA3DDC

#DDA8FB #D594F5 #CD81F0 #C76FEB #C25DE6 #BD4DE1 #BA3DDC

#DDA8FB - #C76FEB - #BA3DDC

CSS codes

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

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