#8DC9F7 - #327ACB | 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 #8DC9F7 to #327ACB

#8DC9F7 #327ACB

Calculate the color between two colors, #8DC9F7 and #327ACB. 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)

#8DC9F7 - #327ACB | 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 #8DC9F7 as 0% and #327ACB as 100%.

0.0%	0.0% #8DC9F7	RGB 141 201 247	#8DC9F7
16.7%	16.7% #7DBBEF	RGB 125 187 239	#7DBBEF
33.3%	33.3% #6EAEE8	RGB 110 174 232	#6EAEE8
50.0%	50.0% #5FA1E1	RGB 95 161 225	#5FA1E1
66.7%	66.7% #5094D9	RGB 80 148 217	#5094D9
83.3%	83.3% #4187D2	RGB 65 135 210	#4187D2
100.0%	100.0% #327ACB	RGB 50 122 203	#327ACB

#8DC9F7 #7DBBEF #6EAEE8 #5FA1E1 #5094D9 #4187D2 #327ACB

#8DC9F7 - #327ACB

HSV Blend

#8DC9F7 - #327ACB | 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 #8DC9F7 as 0% and #327ACB as 100%.

0.0%	0.0% #8DC9F7	RGB 141 201 247	#8DC9F7
16.7%	16.7% #7BBBEF	RGB 123 187 239	#7BBBEF
33.3%	33.3% #6BAEE8	RGB 107 174 232	#6BAEE8
50.0%	50.0% #5BA0E1	RGB 91 160 225	#5BA0E1
66.7%	66.7% #4D93D9	RGB 77 147 217	#4D93D9
83.3%	83.3% #3F86D2	RGB 63 134 210	#3F86D2
100.0%	100.0% #327ACB	RGB 50 122 203	#327ACB

#8DC9F7 #7BBBEF #6BAEE8 #5BA0E1 #4D93D9 #3F86D2 #327ACB

#8DC9F7 - #5BA0E1 - #327ACB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8DC9F7 0%, #5BA0E1 50%, #327ACB 100%);
    background: -webkit-linear-gradient(top, #8DC9F7 0%, #5BA0E1 50%, #327ACB 100%);
    background: linear-gradient(to bottom, #8DC9F7 0%, #5BA0E1 50%, #327ACB 100%);
}
</style>