#3C4EBC - #8D5DFF | 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 #3C4EBC to #8D5DFF

#3C4EBC #8D5DFF

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

#3C4EBC - #8D5DFF | 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 #3C4EBC as 0% and #8D5DFF as 100%.

0.0%	0.0% #3C4EBC	RGB 60 78 188	#3C4EBC
16.7%	16.7% #4950C7	RGB 73 80 199	#4950C7
33.3%	33.3% #5753D2	RGB 87 83 210	#5753D2
50.0%	50.0% #6455DD	RGB 100 85 221	#6455DD
66.7%	66.7% #7258E8	RGB 114 88 232	#7258E8
83.3%	83.3% #7F5AF3	RGB 127 90 243	#7F5AF3
100.0%	100.0% #8D5DFF	RGB 141 93 255	#8D5DFF

#3C4EBC #4950C7 #5753D2 #6455DD #7258E8 #7F5AF3 #8D5DFF

#3C4EBC - #8D5DFF

HSV Blend

#3C4EBC - #8D5DFF | 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 #3C4EBC as 0% and #8D5DFF as 100%.

0.0%	0.0% #3C4DBC	RGB 60 77 188	#3C4DBC
16.7%	16.7% #414AC7	RGB 65 74 199	#414AC7
33.3%	33.3% #4746D2	RGB 71 70 210	#4746D2
50.0%	50.0% #574BDD	RGB 87 75 221	#574BDD
66.7%	66.7% #6851E8	RGB 104 81 232	#6851E8
83.3%	83.3% #7A57F3	RGB 122 87 243	#7A57F3
100.0%	100.0% #8D5DFF	RGB 141 93 255	#8D5DFF

#3C4DBC #414AC7 #4746D2 #574BDD #6851E8 #7A57F3 #8D5DFF

#3C4EBC - #574BDD - #8D5DFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C4DBC 0%, #574BDD 50%, #8D5DFF 100%);
    background: -webkit-linear-gradient(top, #3C4DBC 0%, #574BDD 50%, #8D5DFF 100%);
    background: linear-gradient(to bottom, #3C4DBC 0%, #574BDD 50%, #8D5DFF 100%);
}
</style>