#3E3C91 - #68ECE3 | 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 #3E3C91 to #68ECE3

#3E3C91 #68ECE3

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

#3E3C91 - #68ECE3 | 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 #3E3C91 as 0% and #68ECE3 as 100%.

0.0%	0.0% #3E3C91	RGB 62 60 145	#3E3C91
16.7%	16.7% #45599E	RGB 69 89 158	#45599E
33.3%	33.3% #4C76AC	RGB 76 118 172	#4C76AC
50.0%	50.0% #5394BA	RGB 83 148 186	#5394BA
66.7%	66.7% #5AB1C7	RGB 90 177 199	#5AB1C7
83.3%	83.3% #61CED5	RGB 97 206 213	#61CED5
100.0%	100.0% #68ECE3	RGB 104 236 227	#68ECE3

#3E3C91 #45599E #4C76AC #5394BA #5AB1C7 #61CED5 #68ECE3

#3E3C91 - #68ECE3

HSV Blend

#3E3C91 - #68ECE3 | 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 #3E3C91 as 0% and #68ECE3 as 100%.

0.0%	0.0% #3E3C91	RGB 62 60 145	#3E3C91
16.7%	16.7% #4251A0	RGB 66 81 160	#4251A0
33.3%	33.3% #4A6CAF	RGB 74 108 175	#4A6CAF
50.0%	50.0% #518ABE	RGB 81 138 190	#518ABE
66.7%	66.7% #58ABCD	RGB 88 171 205	#58ABCD
83.3%	83.3% #60CEDC	RGB 96 206 220	#60CEDC
100.0%	100.0% #68ECE3	RGB 104 236 227	#68ECE3

#3E3C91 #4251A0 #4A6CAF #518ABE #58ABCD #60CEDC #68ECE3

#3E3C91 - #518ABE - #68ECE3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3C91 0%, #518ABE 50%, #68ECE3 100%);
    background: -webkit-linear-gradient(top, #3E3C91 0%, #518ABE 50%, #68ECE3 100%);
    background: linear-gradient(to bottom, #3E3C91 0%, #518ABE 50%, #68ECE3 100%);
}
</style>