#8FBAEC - #3668B8 | 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 #8FBAEC to #3668B8

#8FBAEC #3668B8

Calculate the color between two colors, #8FBAEC and #3668B8. 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)

#8FBAEC - #3668B8 | 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 #8FBAEC as 0% and #3668B8 as 100%.

0.0%	0.0% #8FBAEC	RGB 143 186 236	#8FBAEC
16.7%	16.7% #80ACE3	RGB 128 172 227	#80ACE3
33.3%	33.3% #719EDA	RGB 113 158 218	#719EDA
50.0%	50.0% #6291D2	RGB 98 145 210	#6291D2
66.7%	66.7% #5383C9	RGB 83 131 201	#5383C9
83.3%	83.3% #4475C0	RGB 68 117 192	#4475C0
100.0%	100.0% #3668B8	RGB 54 104 184	#3668B8

#8FBAEC #80ACE3 #719EDA #6291D2 #5383C9 #4475C0 #3668B8

#8FBAEC - #3668B8

HSV Blend

#8FBAEC - #3668B8 | 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 #8FBAEC as 0% and #3668B8 as 100%.

0.0%	0.0% #8FBAEC	RGB 143 186 236	#8FBAEC
16.7%	16.7% #7DABE3	RGB 125 171 227	#7DABE3
33.3%	33.3% #6D9DDA	RGB 109 157 218	#6D9DDA
50.0%	50.0% #5E8FD2	RGB 94 143 210	#5E8FD2
66.7%	66.7% #5081C9	RGB 80 129 201	#5081C9
83.3%	83.3% #4274C0	RGB 66 116 192	#4274C0
100.0%	100.0% #3668B8	RGB 54 104 184	#3668B8

#8FBAEC #7DABE3 #6D9DDA #5E8FD2 #5081C9 #4274C0 #3668B8

#8FBAEC - #5E8FD2 - #3668B8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8FBAEC 0%, #5E8FD2 50%, #3668B8 100%);
    background: -webkit-linear-gradient(top, #8FBAEC 0%, #5E8FD2 50%, #3668B8 100%);
    background: linear-gradient(to bottom, #8FBAEC 0%, #5E8FD2 50%, #3668B8 100%);
}
</style>