#3E0996 - #8ED3F0 | 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 #3E0996 to #8ED3F0

#3E0996 #8ED3F0

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

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

0.0%	0.0% #3E0996	RGB 62 9 150	#3E0996
16.7%	16.7% #4B2AA5	RGB 75 42 165	#4B2AA5
33.3%	33.3% #584CB4	RGB 88 76 180	#584CB4
50.0%	50.0% #666EC3	RGB 102 110 195	#666EC3
66.7%	66.7% #738FD2	RGB 115 143 210	#738FD2
83.3%	83.3% #80B1E1	RGB 128 177 225	#80B1E1
100.0%	100.0% #8ED3F0	RGB 142 211 240	#8ED3F0

#3E0996 #4B2AA5 #584CB4 #666EC3 #738FD2 #80B1E1 #8ED3F0

#3E0996 - #8ED3F0

HSV Blend

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

0.0%	0.0% #3E0996	RGB 62 9 150	#3E0996
16.7%	16.7% #3418A5	RGB 52 24 165	#3418A5
33.3%	33.3% #2C2AB4	RGB 44 42 180	#2C2AB4
50.0%	50.0% #3F55C3	RGB 63 85 195	#3F55C3
66.7%	66.7% #5781D2	RGB 87 129 210	#5781D2
83.3%	83.3% #71ABE1	RGB 113 171 225	#71ABE1
100.0%	100.0% #8ED3F0	RGB 142 211 240	#8ED3F0

#3E0996 #3418A5 #2C2AB4 #3F55C3 #5781D2 #71ABE1 #8ED3F0

#3E0996 - #3F55C3 - #8ED3F0

CSS codes

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

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