#3E51EC - #8DACF4 | 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 #3E51EC to #8DACF4

#3E51EC #8DACF4

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

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

0.0%	0.0% #3E51EC	RGB 62 81 236	#3E51EC
16.7%	16.7% #4B60ED	RGB 75 96 237	#4B60ED
33.3%	33.3% #586FEE	RGB 88 111 238	#586FEE
50.0%	50.0% #657EF0	RGB 101 126 240	#657EF0
66.7%	66.7% #728DF1	RGB 114 141 241	#728DF1
83.3%	83.3% #7F9CF2	RGB 127 156 242	#7F9CF2
100.0%	100.0% #8DACF4	RGB 141 172 244	#8DACF4

#3E51EC #4B60ED #586FEE #657EF0 #728DF1 #7F9CF2 #8DACF4

#3E51EC - #8DACF4

HSV Blend

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

0.0%	0.0% #3E51EC	RGB 62 81 236	#3E51EC
16.7%	16.7% #4A61ED	RGB 74 97 237	#4A61ED
33.3%	33.3% #5771EE	RGB 87 113 238	#5771EE
50.0%	50.0% #6481F0	RGB 100 129 240	#6481F0
66.7%	66.7% #7290F1	RGB 114 144 241	#7290F1
83.3%	83.3% #7F9EF2	RGB 127 158 242	#7F9EF2
100.0%	100.0% #8DACF4	RGB 141 172 244	#8DACF4

#3E51EC #4A61ED #5771EE #6481F0 #7290F1 #7F9EF2 #8DACF4

#3E51EC - #6481F0 - #8DACF4

CSS codes

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

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