#005371 - #B6CDD6 | 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 #005371 to #B6CDD6

#005371 #B6CDD6

Calculate the color between two colors, #005371 and #B6CDD6. 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)

#005371 - #B6CDD6 | 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 #005371 as 0% and #B6CDD6 as 100%.

0.0%	0.0% #005371	RGB 0 83 113	#005371
16.7%	16.7% #1E6781	RGB 30 103 129	#1E6781
33.3%	33.3% #3C7B92	RGB 60 123 146	#3C7B92
50.0%	50.0% #5B90A3	RGB 91 144 163	#5B90A3
66.7%	66.7% #79A4B4	RGB 121 164 180	#79A4B4
83.3%	83.3% #97B8C5	RGB 151 184 197	#97B8C5
100.0%	100.0% #B6CDD6	RGB 182 205 214	#B6CDD6

#005371 #1E6781 #3C7B92 #5B90A3 #79A4B4 #97B8C5 #B6CDD6

#005371 - #B6CDD6

HSV Blend

#005371 - #B6CDD6 | 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 #005371 as 0% and #B6CDD6 as 100%.

0.0%	0.0% #005271	RGB 0 82 113	#005271
16.7%	16.7% #126381	RGB 18 99 129	#126381
33.3%	33.3% #297692	RGB 41 118 146	#297692
50.0%	50.0% #4589A3	RGB 69 137 163	#4589A3
66.7%	66.7% #669EB4	RGB 102 158 180	#669EB4
83.3%	83.3% #8BB5C5	RGB 139 181 197	#8BB5C5
100.0%	100.0% #B6CDD6	RGB 182 205 214	#B6CDD6

#005271 #126381 #297692 #4589A3 #669EB4 #8BB5C5 #B6CDD6

#005371 - #4589A3 - #B6CDD6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #005271 0%, #4589A3 50%, #B6CDD6 100%);
    background: -webkit-linear-gradient(top, #005271 0%, #4589A3 50%, #B6CDD6 100%);
    background: linear-gradient(to bottom, #005271 0%, #4589A3 50%, #B6CDD6 100%);
}
</style>