#9000B5 - #DF53EB | 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 #9000B5 to #DF53EB

#9000B5 #DF53EB

Calculate the color between two colors, #9000B5 and #DF53EB. 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)

#9000B5 - #DF53EB | 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 #9000B5 as 0% and #DF53EB as 100%.

0.0%	0.0% #9000B5	RGB 144 0 181	#9000B5
16.7%	16.7% #9D0DBE	RGB 157 13 190	#9D0DBE
33.3%	33.3% #AA1BC7	RGB 170 27 199	#AA1BC7
50.0%	50.0% #B729D0	RGB 183 41 208	#B729D0
66.7%	66.7% #C437D9	RGB 196 55 217	#C437D9
83.3%	83.3% #D145E2	RGB 209 69 226	#D145E2
100.0%	100.0% #DF53EB	RGB 223 83 235	#DF53EB

#9000B5 #9D0DBE #AA1BC7 #B729D0 #C437D9 #D145E2 #DF53EB

#9000B5 - #DF53EB

HSV Blend

#9000B5 - #DF53EB | 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 #9000B5 as 0% and #DF53EB as 100%.

0.0%	0.0% #9000B5	RGB 144 0 181	#9000B5
16.7%	16.7% #9D0BBE	RGB 157 11 190	#9D0BBE
33.3%	33.3% #AA17C7	RGB 170 23 199	#AA17C7
50.0%	50.0% #B724D0	RGB 183 36 208	#B724D0
66.7%	66.7% #C433D9	RGB 196 51 217	#C433D9
83.3%	83.3% #D242E2	RGB 210 66 226	#D242E2
100.0%	100.0% #DF53EB	RGB 223 83 235	#DF53EB

#9000B5 #9D0BBE #AA17C7 #B724D0 #C433D9 #D242E2 #DF53EB

#9000B5 - #B724D0 - #DF53EB

CSS codes

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

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