#8DA5D2 - #3C59AB | 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 #8DA5D2 to #3C59AB

#8DA5D2 #3C59AB

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

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

0.0%	0.0% #8DA5D2	RGB 141 165 210	#8DA5D2
16.7%	16.7% #7F98CB	RGB 127 152 203	#7F98CB
33.3%	33.3% #728BC5	RGB 114 139 197	#728BC5
50.0%	50.0% #647FBE	RGB 100 127 190	#647FBE
66.7%	66.7% #5772B8	RGB 87 114 184	#5772B8
83.3%	83.3% #4965B1	RGB 73 101 177	#4965B1
100.0%	100.0% #3C59AB	RGB 60 89 171	#3C59AB

#8DA5D2 #7F98CB #728BC5 #647FBE #5772B8 #4965B1 #3C59AB

#8DA5D2 - #3C59AB

HSV Blend

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

0.0%	0.0% #8DA5D2	RGB 141 165 210	#8DA5D2
16.7%	16.7% #7D97CB	RGB 125 151 203	#7D97CB
33.3%	33.3% #6F8AC5	RGB 111 138 197	#6F8AC5
50.0%	50.0% #617DBE	RGB 97 125 190	#617DBE
66.7%	66.7% #5471B8	RGB 84 113 184	#5471B8
83.3%	83.3% #4764B1	RGB 71 100 177	#4764B1
100.0%	100.0% #3C59AB	RGB 60 89 171	#3C59AB

#8DA5D2 #7D97CB #6F8AC5 #617DBE #5471B8 #4764B1 #3C59AB

#8DA5D2 - #617DBE - #3C59AB

CSS codes

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

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