#3C28A8 - #A77ED7 | 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 #3C28A8 to #A77ED7

#3C28A8 #A77ED7

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

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

0.0%	0.0% #3C28A8	RGB 60 40 168	#3C28A8
16.7%	16.7% #4D36AF	RGB 77 54 175	#4D36AF
33.3%	33.3% #5F44B7	RGB 95 68 183	#5F44B7
50.0%	50.0% #7153BF	RGB 113 83 191	#7153BF
66.7%	66.7% #8361C7	RGB 131 97 199	#8361C7
83.3%	83.3% #956FCF	RGB 149 111 207	#956FCF
100.0%	100.0% #A77ED7	RGB 167 126 215	#A77ED7

#3C28A8 #4D36AF #5F44B7 #7153BF #8361C7 #956FCF #A77ED7

#3C28A8 - #A77ED7

HSV Blend

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

0.0%	0.0% #3B27A8	RGB 59 39 168	#3B27A8
16.7%	16.7% #4D34AF	RGB 77 52 175	#4D34AF
33.3%	33.3% #5F41B7	RGB 95 65 183	#5F41B7
50.0%	50.0% #714EBF	RGB 113 78 191	#714EBF
66.7%	66.7% #835DC7	RGB 131 93 199	#835DC7
83.3%	83.3% #956DCF	RGB 149 109 207	#956DCF
100.0%	100.0% #A77ED7	RGB 167 126 215	#A77ED7

#3B27A8 #4D34AF #5F41B7 #714EBF #835DC7 #956DCF #A77ED7

#3C28A8 - #714EBF - #A77ED7

CSS codes

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

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