#3C3C5E - #A268CC | 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 #3C3C5E to #A268CC

#3C3C5E #A268CC

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

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

0.0%	0.0% #3C3C5E	RGB 60 60 94	#3C3C5E
16.7%	16.7% #4D4370	RGB 77 67 112	#4D4370
33.3%	33.3% #5E4A82	RGB 94 74 130	#5E4A82
50.0%	50.0% #6F5295	RGB 111 82 149	#6F5295
66.7%	66.7% #8059A7	RGB 128 89 167	#8059A7
83.3%	83.3% #9160B9	RGB 145 96 185	#9160B9
100.0%	100.0% #A268CC	RGB 162 104 204	#A268CC

#3C3C5E #4D4370 #5E4A82 #6F5295 #8059A7 #9160B9 #A268CC

#3C3C5E - #A268CC

HSV Blend

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

0.0%	0.0% #3C3C5E	RGB 60 60 94	#3C3C5E
16.7%	16.7% #494570	RGB 73 69 112	#494570
33.3%	33.3% #584D82	RGB 88 77 130	#584D82
50.0%	50.0% #675595	RGB 103 85 149	#675595
66.7%	66.7% #795CA7	RGB 121 92 167	#795CA7
83.3%	83.3% #8C62B9	RGB 140 98 185	#8C62B9
100.0%	100.0% #A268CC	RGB 162 104 204	#A268CC

#3C3C5E #494570 #584D82 #675595 #795CA7 #8C62B9 #A268CC

#3C3C5E - #675595 - #A268CC

CSS codes

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

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