#9293CC - #3E49A8 | 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 #9293CC to #3E49A8

#9293CC #3E49A8

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

#9293CC - #3E49A8 | 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 #9293CC as 0% and #3E49A8 as 100%.

0.0%	0.0% #9293CC	RGB 146 147 204	#9293CC
16.7%	16.7% #8486C6	RGB 132 134 198	#8486C6
33.3%	33.3% #767AC0	RGB 118 122 192	#767AC0
50.0%	50.0% #686EBA	RGB 104 110 186	#686EBA
66.7%	66.7% #5A61B4	RGB 90 97 180	#5A61B4
83.3%	83.3% #4C55AE	RGB 76 85 174	#4C55AE
100.0%	100.0% #3E49A8	RGB 62 73 168	#3E49A8

#9293CC #8486C6 #767AC0 #686EBA #5A61B4 #4C55AE #3E49A8

#9293CC - #3E49A8

HSV Blend

#9293CC - #3E49A8 | 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 #9293CC as 0% and #3E49A8 as 100%.

0.0%	0.0% #9293CC	RGB 146 147 204	#9293CC
16.7%	16.7% #8284C6	RGB 130 132 198	#8284C6
33.3%	33.3% #7376C0	RGB 115 118 192	#7376C0
50.0%	50.0% #646ABA	RGB 100 106 186	#646ABA
66.7%	66.7% #575EB4	RGB 87 94 180	#575EB4
83.3%	83.3% #4A53AE	RGB 74 83 174	#4A53AE
100.0%	100.0% #3E49A8	RGB 62 73 168	#3E49A8

#9293CC #8284C6 #7376C0 #646ABA #575EB4 #4A53AE #3E49A8

#9293CC - #646ABA - #3E49A8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9293CC 0%, #646ABA 50%, #3E49A8 100%);
    background: -webkit-linear-gradient(top, #9293CC 0%, #646ABA 50%, #3E49A8 100%);
    background: linear-gradient(to bottom, #9293CC 0%, #646ABA 50%, #3E49A8 100%);
}
</style>