#005F9F - #B6D1E3 | 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 #005F9F to #B6D1E3

#005F9F #B6D1E3

Calculate the color between two colors, #005F9F and #B6D1E3. 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)

#005F9F - #B6D1E3 | 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 #005F9F as 0% and #B6D1E3 as 100%.

0.0%	0.0% #005F9F	RGB 0 95 159	#005F9F
16.7%	16.7% #1E72AA	RGB 30 114 170	#1E72AA
33.3%	33.3% #3C85B5	RGB 60 133 181	#3C85B5
50.0%	50.0% #5B98C1	RGB 91 152 193	#5B98C1
66.7%	66.7% #79ABCC	RGB 121 171 204	#79ABCC
83.3%	83.3% #97BED7	RGB 151 190 215	#97BED7
100.0%	100.0% #B6D1E3	RGB 182 209 227	#B6D1E3

#005F9F #1E72AA #3C85B5 #5B98C1 #79ABCC #97BED7 #B6D1E3

#005F9F - #B6D1E3

HSV Blend

#005F9F - #B6D1E3 | 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 #005F9F as 0% and #B6D1E3 as 100%.

0.0%	0.0% #005E9F	RGB 0 94 159	#005E9F
16.7%	16.7% #166EAA	RGB 22 110 170	#166EAA
33.3%	33.3% #3080B5	RGB 48 128 181	#3080B5
50.0%	50.0% #4D92C1	RGB 77 146 193	#4D92C1
66.7%	66.7% #6DA6CC	RGB 109 166 204	#6DA6CC
83.3%	83.3% #90BBD7	RGB 144 187 215	#90BBD7
100.0%	100.0% #B6D1E3	RGB 182 209 227	#B6D1E3

#005E9F #166EAA #3080B5 #4D92C1 #6DA6CC #90BBD7 #B6D1E3

#005F9F - #4D92C1 - #B6D1E3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #005E9F 0%, #4D92C1 50%, #B6D1E3 100%);
    background: -webkit-linear-gradient(top, #005E9F 0%, #4D92C1 50%, #B6D1E3 100%);
    background: linear-gradient(to bottom, #005E9F 0%, #4D92C1 50%, #B6D1E3 100%);
}
</style>