#D522FF - #3C0948 | 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 #D522FF to #3C0948

#D522FF #3C0948

Calculate the color between two colors, #D522FF and #3C0948. 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)

#D522FF - #3C0948 | 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 #D522FF as 0% and #3C0948 as 100%.

0.0%	0.0% #D522FF	RGB 213 34 255	#D522FF
16.7%	16.7% #BB1DE0	RGB 187 29 224	#BB1DE0
33.3%	33.3% #A219C2	RGB 162 25 194	#A219C2
50.0%	50.0% #8815A3	RGB 136 21 163	#8815A3
66.7%	66.7% #6F1184	RGB 111 17 132	#6F1184
83.3%	83.3% #550D66	RGB 85 13 102	#550D66
100.0%	100.0% #3C0948	RGB 60 9 72	#3C0948

#D522FF #BB1DE0 #A219C2 #8815A3 #6F1184 #550D66 #3C0948

#D522FF - #3C0948

HSV Blend

#D522FF - #3C0948 | 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 #D522FF as 0% and #3C0948 as 100%.

0.0%	0.0% #D521FF	RGB 213 33 255	#D521FF
16.7%	16.7% #BB1DE0	RGB 187 29 224	#BB1DE0
33.3%	33.3% #A119C2	RGB 161 25 194	#A119C2
50.0%	50.0% #8815A3	RGB 136 21 163	#8815A3
66.7%	66.7% #6E1084	RGB 110 16 132	#6E1084
83.3%	83.3% #550C66	RGB 85 12 102	#550C66
100.0%	100.0% #3C0948	RGB 60 9 72	#3C0948

#D521FF #BB1DE0 #A119C2 #8815A3 #6E1084 #550C66 #3C0948

#D522FF - #8815A3 - #3C0948

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D521FF 0%, #8815A3 50%, #3C0948 100%);
    background: -webkit-linear-gradient(top, #D521FF 0%, #8815A3 50%, #3C0948 100%);
    background: linear-gradient(to bottom, #D521FF 0%, #8815A3 50%, #3C0948 100%);
}
</style>