#9FBDDB - #3C70AB | 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 #9FBDDB to #3C70AB

#9FBDDB #3C70AB

Calculate the color between two colors, #9FBDDB and #3C70AB. 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)

#9FBDDB - #3C70AB | 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 #9FBDDB as 0% and #3C70AB as 100%.

0.0%	0.0% #9FBDDB	RGB 159 189 219	#9FBDDB
16.7%	16.7% #8EB0D3	RGB 142 176 211	#8EB0D3
33.3%	33.3% #7EA3CB	RGB 126 163 203	#7EA3CB
50.0%	50.0% #6D96C3	RGB 109 150 195	#6D96C3
66.7%	66.7% #5D89BB	RGB 93 137 187	#5D89BB
83.3%	83.3% #4C7CB3	RGB 76 124 179	#4C7CB3
100.0%	100.0% #3C70AB	RGB 60 112 171	#3C70AB

#9FBDDB #8EB0D3 #7EA3CB #6D96C3 #5D89BB #4C7CB3 #3C70AB

#9FBDDB - #3C70AB

HSV Blend

#9FBDDB - #3C70AB | 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 #9FBDDB as 0% and #3C70AB as 100%.

0.0%	0.0% #9FBDDB	RGB 159 189 219	#9FBDDB
16.7%	16.7% #8BAFD3	RGB 139 175 211	#8BAFD3
33.3%	33.3% #79A1CB	RGB 121 161 203	#79A1CB
50.0%	50.0% #6894C3	RGB 104 148 195	#6894C3
66.7%	66.7% #5887BB	RGB 88 135 187	#5887BB
83.3%	83.3% #497BB3	RGB 73 123 179	#497BB3
100.0%	100.0% #3C70AB	RGB 60 112 171	#3C70AB

#9FBDDB #8BAFD3 #79A1CB #6894C3 #5887BB #497BB3 #3C70AB

#9FBDDB - #6894C3 - #3C70AB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9FBDDB 0%, #6894C3 50%, #3C70AB 100%);
    background: -webkit-linear-gradient(top, #9FBDDB 0%, #6894C3 50%, #3C70AB 100%);
    background: linear-gradient(to bottom, #9FBDDB 0%, #6894C3 50%, #3C70AB 100%);
}
</style>