#CC3485 - #3A0E26 | 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 #CC3485 to #3A0E26

#CC3485 #3A0E26

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

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

0.0%	0.0% #CC3485	RGB 204 52 133	#CC3485
16.7%	16.7% #B32D75	RGB 179 45 117	#B32D75
33.3%	33.3% #9B2765	RGB 155 39 101	#9B2765
50.0%	50.0% #832155	RGB 131 33 85	#832155
66.7%	66.7% #6A1A45	RGB 106 26 69	#6A1A45
83.3%	83.3% #521435	RGB 82 20 53	#521435
100.0%	100.0% #3A0E26	RGB 58 14 38	#3A0E26

#CC3485 #B32D75 #9B2765 #832155 #6A1A45 #521435 #3A0E26

#CC3485 - #3A0E26

HSV Blend

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

0.0%	0.0% #CC3485	RGB 204 52 133	#CC3485
16.7%	16.7% #B32D75	RGB 179 45 117	#B32D75
33.3%	33.3% #9B2665	RGB 155 38 101	#9B2665
50.0%	50.0% #832055	RGB 131 32 85	#832055
66.7%	66.7% #6A1A45	RGB 106 26 69	#6A1A45
83.3%	83.3% #521435	RGB 82 20 53	#521435
100.0%	100.0% #3A0E26	RGB 58 14 38	#3A0E26

#CC3485 #B32D75 #9B2665 #832055 #6A1A45 #521435 #3A0E26

#CC3485 - #832055 - #3A0E26

CSS codes

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

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