#3C247E - #AD6FA6 | 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 #3C247E to #AD6FA6

#3C247E #AD6FA6

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

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

0.0%	0.0% #3C247E	RGB 60 36 126	#3C247E
16.7%	16.7% #4E3084	RGB 78 48 132	#4E3084
33.3%	33.3% #613D8B	RGB 97 61 139	#613D8B
50.0%	50.0% #744992	RGB 116 73 146	#744992
66.7%	66.7% #875698	RGB 135 86 152	#875698
83.3%	83.3% #9A629F	RGB 154 98 159	#9A629F
100.0%	100.0% #AD6FA6	RGB 173 111 166	#AD6FA6

#3C247E #4E3084 #613D8B #744992 #875698 #9A629F #AD6FA6

#3C247E - #AD6FA6

HSV Blend

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

0.0%	0.0% #3C247E	RGB 60 36 126	#3C247E
16.7%	16.7% #512E85	RGB 81 46 133	#512E85
33.3%	33.3% #67398D	RGB 103 57 141	#67398D
50.0%	50.0% #7C4595	RGB 124 69 149	#7C4595
66.7%	66.7% #90529D	RGB 144 82 157	#90529D
83.3%	83.3% #A360A5	RGB 163 96 165	#A360A5
100.0%	100.0% #AD6FA6	RGB 173 111 166	#AD6FA6

#3C247E #512E85 #67398D #7C4595 #90529D #A360A5 #AD6FA6

#3C247E - #7C4595 - #AD6FA6

CSS codes

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

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