#DF8FE4 - #9F33A8 | 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 #DF8FE4 to #9F33A8

#DF8FE4 #9F33A8

Calculate the color between two colors, #DF8FE4 and #9F33A8. 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)

#DF8FE4 - #9F33A8 | 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 #DF8FE4 as 0% and #9F33A8 as 100%.

0.0%	0.0% #DF8FE4	RGB 223 143 228	#DF8FE4
16.7%	16.7% #D47FDA	RGB 212 127 218	#D47FDA
33.3%	33.3% #C970D0	RGB 201 112 208	#C970D0
50.0%	50.0% #BF61C6	RGB 191 97 198	#BF61C6
66.7%	66.7% #B451BC	RGB 180 81 188	#B451BC
83.3%	83.3% #A942B2	RGB 169 66 178	#A942B2
100.0%	100.0% #9F33A8	RGB 159 51 168	#9F33A8

#DF8FE4 #D47FDA #C970D0 #BF61C6 #B451BC #A942B2 #9F33A8

#DF8FE4 - #9F33A8

HSV Blend

#DF8FE4 - #9F33A8 | 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 #DF8FE4 as 0% and #9F33A8 as 100%.

0.0%	0.0% #DF8FE4	RGB 223 143 228	#DF8FE4
16.7%	16.7% #D47CDA	RGB 212 124 218	#D47CDA
33.3%	33.3% #C96CD0	RGB 201 108 208	#C96CD0
50.0%	50.0% #BE5CC6	RGB 190 92 198	#BE5CC6
66.7%	66.7% #B44DBC	RGB 180 77 188	#B44DBC
83.3%	83.3% #A93FB2	RGB 169 63 178	#A93FB2
100.0%	100.0% #9F33A8	RGB 159 51 168	#9F33A8

#DF8FE4 #D47CDA #C96CD0 #BE5CC6 #B44DBC #A93FB2 #9F33A8

#DF8FE4 - #BE5CC6 - #9F33A8

CSS codes

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

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