#3E3EAE - #748BDA | 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 #3E3EAE to #748BDA

#3E3EAE #748BDA

Calculate the color between two colors, #3E3EAE and #748BDA. 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)

#3E3EAE - #748BDA | 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 #3E3EAE as 0% and #748BDA as 100%.

0.0%	0.0% #3E3EAE	RGB 62 62 174	#3E3EAE
16.7%	16.7% #474AB5	RGB 71 74 181	#474AB5
33.3%	33.3% #5057BC	RGB 80 87 188	#5057BC
50.0%	50.0% #5964C4	RGB 89 100 196	#5964C4
66.7%	66.7% #6271CB	RGB 98 113 203	#6271CB
83.3%	83.3% #6B7ED2	RGB 107 126 210	#6B7ED2
100.0%	100.0% #748BDA	RGB 116 139 218	#748BDA

#3E3EAE #474AB5 #5057BC #5964C4 #6271CB #6B7ED2 #748BDA

#3E3EAE - #748BDA

HSV Blend

#3E3EAE - #748BDA | 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 #3E3EAE as 0% and #748BDA as 100%.

0.0%	0.0% #3E3EAE	RGB 62 62 174	#3E3EAE
16.7%	16.7% #454AB5	RGB 69 74 181	#454AB5
33.3%	33.3% #4E56BC	RGB 78 86 188	#4E56BC
50.0%	50.0% #5763C4	RGB 87 99 196	#5763C4
66.7%	66.7% #6070CB	RGB 96 112 203	#6070CB
83.3%	83.3% #697DD2	RGB 105 125 210	#697DD2
100.0%	100.0% #748BDA	RGB 116 139 218	#748BDA

#3E3EAE #454AB5 #4E56BC #5763C4 #6070CB #697DD2 #748BDA

#3E3EAE - #5763C4 - #748BDA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3EAE 0%, #5763C4 50%, #748BDA 100%);
    background: -webkit-linear-gradient(top, #3E3EAE 0%, #5763C4 50%, #748BDA 100%);
    background: linear-gradient(to bottom, #3E3EAE 0%, #5763C4 50%, #748BDA 100%);
}
</style>