#00849B - #B6DBE2 | 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 #00849B to #B6DBE2

#00849B #B6DBE2

Calculate the color between two colors, #00849B and #B6DBE2. 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)

#00849B - #B6DBE2 | 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 #00849B as 0% and #B6DBE2 as 100%.

0.0%	0.0% #00849B	RGB 0 132 155	#00849B
16.7%	16.7% #1E92A6	RGB 30 146 166	#1E92A6
33.3%	33.3% #3CA1B2	RGB 60 161 178	#3CA1B2
50.0%	50.0% #5BAFBE	RGB 91 175 190	#5BAFBE
66.7%	66.7% #79BECA	RGB 121 190 202	#79BECA
83.3%	83.3% #97CCD6	RGB 151 204 214	#97CCD6
100.0%	100.0% #B6DBE2	RGB 182 219 226	#B6DBE2

#00849B #1E92A6 #3CA1B2 #5BAFBE #79BECA #97CCD6 #B6DBE2

#00849B - #B6DBE2

HSV Blend

#00849B - #B6DBE2 | 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 #00849B as 0% and #B6DBE2 as 100%.

0.0%	0.0% #00849B	RGB 0 132 155	#00849B
16.7%	16.7% #1691A6	RGB 22 145 166	#1691A6
33.3%	33.3% #2F9EB2	RGB 47 158 178	#2F9EB2
50.0%	50.0% #4CADBE	RGB 76 173 190	#4CADBE
66.7%	66.7% #6CBBCA	RGB 108 187 202	#6CBBCA
83.3%	83.3% #8FCBD6	RGB 143 203 214	#8FCBD6
100.0%	100.0% #B6DBE2	RGB 182 219 226	#B6DBE2

#00849B #1691A6 #2F9EB2 #4CADBE #6CBBCA #8FCBD6 #B6DBE2

#00849B - #4CADBE - #B6DBE2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00849B 0%, #4CADBE 50%, #B6DBE2 100%);
    background: -webkit-linear-gradient(top, #00849B 0%, #4CADBE 50%, #B6DBE2 100%);
    background: linear-gradient(to bottom, #00849B 0%, #4CADBE 50%, #B6DBE2 100%);
}
</style>