#DDBAFF - #8953D4 | 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 #DDBAFF to #8953D4

#DDBAFF #8953D4

Calculate the color between two colors, #DDBAFF and #8953D4. 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)

#DDBAFF - #8953D4 | 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 #DDBAFF as 0% and #8953D4 as 100%.

0.0%	0.0% #DDBAFF	RGB 221 186 255	#DDBAFF
16.7%	16.7% #CFA8F7	RGB 207 168 247	#CFA8F7
33.3%	33.3% #C197F0	RGB 193 151 240	#C197F0
50.0%	50.0% #B386E9	RGB 179 134 233	#B386E9
66.7%	66.7% #A575E2	RGB 165 117 226	#A575E2
83.3%	83.3% #9764DB	RGB 151 100 219	#9764DB
100.0%	100.0% #8953D4	RGB 137 83 212	#8953D4

#DDBAFF #CFA8F7 #C197F0 #B386E9 #A575E2 #9764DB #8953D4

#DDBAFF - #8953D4

HSV Blend

#DDBAFF - #8953D4 | 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 #DDBAFF as 0% and #8953D4 as 100%.

0.0%	0.0% #DDBAFF	RGB 221 186 255	#DDBAFF
16.7%	16.7% #CEA6F7	RGB 206 166 247	#CEA6F7
33.3%	33.3% #C094F0	RGB 192 148 240	#C094F0
50.0%	50.0% #B282E9	RGB 178 130 233	#B282E9
66.7%	66.7% #A472E2	RGB 164 114 226	#A472E2
83.3%	83.3% #9662DB	RGB 150 98 219	#9662DB
100.0%	100.0% #8953D4	RGB 137 83 212	#8953D4

#DDBAFF #CEA6F7 #C094F0 #B282E9 #A472E2 #9662DB #8953D4

#DDBAFF - #B282E9 - #8953D4

CSS codes

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

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