#3E5EB6 - #8AABD9 | 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 #3E5EB6 to #8AABD9

#3E5EB6 #8AABD9

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

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

0.0%	0.0% #3E5EB6	RGB 62 94 182	#3E5EB6
16.7%	16.7% #4A6ABB	RGB 74 106 187	#4A6ABB
33.3%	33.3% #5777C1	RGB 87 119 193	#5777C1
50.0%	50.0% #6484C7	RGB 100 132 199	#6484C7
66.7%	66.7% #7091CD	RGB 112 145 205	#7091CD
83.3%	83.3% #7D9ED3	RGB 125 158 211	#7D9ED3
100.0%	100.0% #8AABD9	RGB 138 171 217	#8AABD9

#3E5EB6 #4A6ABB #5777C1 #6484C7 #7091CD #7D9ED3 #8AABD9

#3E5EB6 - #8AABD9

HSV Blend

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

0.0%	0.0% #3E5DB6	RGB 62 93 182	#3E5DB6
16.7%	16.7% #496ABB	RGB 73 106 187	#496ABB
33.3%	33.3% #5577C1	RGB 85 119 193	#5577C1
50.0%	50.0% #6184C7	RGB 97 132 199	#6184C7
66.7%	66.7% #6E91CD	RGB 110 145 205	#6E91CD
83.3%	83.3% #7B9ED3	RGB 123 158 211	#7B9ED3
100.0%	100.0% #8AABD9	RGB 138 171 217	#8AABD9

#3E5DB6 #496ABB #5577C1 #6184C7 #6E91CD #7B9ED3 #8AABD9

#3E5EB6 - #6184C7 - #8AABD9

CSS codes

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

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