#CC2EB8 - #3A0D34 | 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 #CC2EB8 to #3A0D34

#CC2EB8 #3A0D34

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

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

0.0%	0.0% #CC2EB8	RGB 204 46 184	#CC2EB8
16.7%	16.7% #B328A2	RGB 179 40 162	#B328A2
33.3%	33.3% #9B238C	RGB 155 35 140	#9B238C
50.0%	50.0% #831D76	RGB 131 29 118	#831D76
66.7%	66.7% #6A1860	RGB 106 24 96	#6A1860
83.3%	83.3% #52124A	RGB 82 18 74	#52124A
100.0%	100.0% #3A0D34	RGB 58 13 52	#3A0D34

#CC2EB8 #B328A2 #9B238C #831D76 #6A1860 #52124A #3A0D34

#CC2EB8 - #3A0D34

HSV Blend

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

0.0%	0.0% #CC2DB8	RGB 204 45 184	#CC2DB8
16.7%	16.7% #B328A1	RGB 179 40 161	#B328A1
33.3%	33.3% #9B228B	RGB 155 34 139	#9B228B
50.0%	50.0% #831D75	RGB 131 29 117	#831D75
66.7%	66.7% #6A175F	RGB 106 23 95	#6A175F
83.3%	83.3% #521249	RGB 82 18 73	#521249
100.0%	100.0% #3A0D34	RGB 58 13 52	#3A0D34

#CC2DB8 #B328A1 #9B228B #831D75 #6A175F #521249 #3A0D34

#CC2EB8 - #831D75 - #3A0D34

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CC2DB8 0%, #831D75 50%, #3A0D34 100%);
    background: -webkit-linear-gradient(top, #CC2DB8 0%, #831D75 50%, #3A0D34 100%);
    background: linear-gradient(to bottom, #CC2DB8 0%, #831D75 50%, #3A0D34 100%);
}
</style>