#8DA5E8 - #3250AE | 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 #8DA5E8 to #3250AE

#8DA5E8 #3250AE

Calculate the color between two colors, #8DA5E8 and #3250AE. 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)

#8DA5E8 - #3250AE | 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 #8DA5E8 as 0% and #3250AE as 100%.

0.0%	0.0% #8DA5E8	RGB 141 165 232	#8DA5E8
16.7%	16.7% #7D96DE	RGB 125 150 222	#7D96DE
33.3%	33.3% #6E88D4	RGB 110 136 212	#6E88D4
50.0%	50.0% #5F7ACB	RGB 95 122 203	#5F7ACB
66.7%	66.7% #506CC1	RGB 80 108 193	#506CC1
83.3%	83.3% #415EB7	RGB 65 94 183	#415EB7
100.0%	100.0% #3250AE	RGB 50 80 174	#3250AE

#8DA5E8 #7D96DE #6E88D4 #5F7ACB #506CC1 #415EB7 #3250AE

#8DA5E8 - #3250AE

HSV Blend

#8DA5E8 - #3250AE | 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 #8DA5E8 as 0% and #3250AE as 100%.

0.0%	0.0% #8DA5E8	RGB 141 165 232	#8DA5E8
16.7%	16.7% #7B95DE	RGB 123 149 222	#7B95DE
33.3%	33.3% #6A85D4	RGB 106 133 212	#6A85D4
50.0%	50.0% #5A77CB	RGB 90 119 203	#5A77CB
66.7%	66.7% #4C69C1	RGB 76 105 193	#4C69C1
83.3%	83.3% #3E5CB7	RGB 62 92 183	#3E5CB7
100.0%	100.0% #3250AE	RGB 50 80 174	#3250AE

#8DA5E8 #7B95DE #6A85D4 #5A77CB #4C69C1 #3E5CB7 #3250AE

#8DA5E8 - #5A77CB - #3250AE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8DA5E8 0%, #5A77CB 50%, #3250AE 100%);
    background: -webkit-linear-gradient(top, #8DA5E8 0%, #5A77CB 50%, #3250AE 100%);
    background: linear-gradient(to bottom, #8DA5E8 0%, #5A77CB 50%, #3250AE 100%);
}
</style>