#D332CC - #3C0E3A | 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 #D332CC to #3C0E3A

#D332CC #3C0E3A

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

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

0.0%	0.0% #D332CC	RGB 211 50 204	#D332CC
16.7%	16.7% #B92CB3	RGB 185 44 179	#B92CB3
33.3%	33.3% #A0269B	RGB 160 38 155	#A0269B
50.0%	50.0% #872083	RGB 135 32 131	#872083
66.7%	66.7% #6E1A6A	RGB 110 26 106	#6E1A6A
83.3%	83.3% #551452	RGB 85 20 82	#551452
100.0%	100.0% #3C0E3A	RGB 60 14 58	#3C0E3A

#D332CC #B92CB3 #A0269B #872083 #6E1A6A #551452 #3C0E3A

#D332CC - #3C0E3A

HSV Blend

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

0.0%	0.0% #D332CC	RGB 211 50 204	#D332CC
16.7%	16.7% #B92BB3	RGB 185 43 179	#B92BB3
33.3%	33.3% #A0259B	RGB 160 37 155	#A0259B
50.0%	50.0% #871F82	RGB 135 31 130	#871F82
66.7%	66.7% #6E196A	RGB 110 25 106	#6E196A
83.3%	83.3% #551352	RGB 85 19 82	#551352
100.0%	100.0% #3C0E3A	RGB 60 14 58	#3C0E3A

#D332CC #B92BB3 #A0259B #871F82 #6E196A #551352 #3C0E3A

#D332CC - #871F82 - #3C0E3A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D332CC 0%, #871F82 50%, #3C0E3A 100%);
    background: -webkit-linear-gradient(top, #D332CC 0%, #871F82 50%, #3C0E3A 100%);
    background: linear-gradient(to bottom, #D332CC 0%, #871F82 50%, #3C0E3A 100%);
}
</style>