#0083C0 - #B6DBED | 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 #0083C0 to #B6DBED

#0083C0 #B6DBED

Calculate the color between two colors, #0083C0 and #B6DBED. 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)

#0083C0 - #B6DBED | 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 #0083C0 as 0% and #B6DBED as 100%.

0.0%	0.0% #0083C0	RGB 0 131 192	#0083C0
16.7%	16.7% #1E91C7	RGB 30 145 199	#1E91C7
33.3%	33.3% #3CA0CF	RGB 60 160 207	#3CA0CF
50.0%	50.0% #5BAFD6	RGB 91 175 214	#5BAFD6
66.7%	66.7% #79BDDE	RGB 121 189 222	#79BDDE
83.3%	83.3% #97CCE5	RGB 151 204 229	#97CCE5
100.0%	100.0% #B6DBED	RGB 182 219 237	#B6DBED

#0083C0 #1E91C7 #3CA0CF #5BAFD6 #79BDDE #97CCE5 #B6DBED

#0083C0 - #B6DBED

HSV Blend

#0083C0 - #B6DBED | 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 #0083C0 as 0% and #B6DBED as 100%.

0.0%	0.0% #0083C0	RGB 0 131 192	#0083C0
16.7%	16.7% #198FC7	RGB 25 143 199	#198FC7
33.3%	33.3% #349DCF	RGB 52 157 207	#349DCF
50.0%	50.0% #52ABD6	RGB 82 171 214	#52ABD6
66.7%	66.7% #71BADE	RGB 113 186 222	#71BADE
83.3%	83.3% #92CAE5	RGB 146 202 229	#92CAE5
100.0%	100.0% #B6DBED	RGB 182 219 237	#B6DBED

#0083C0 #198FC7 #349DCF #52ABD6 #71BADE #92CAE5 #B6DBED

#0083C0 - #52ABD6 - #B6DBED

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0083C0 0%, #52ABD6 50%, #B6DBED 100%);
    background: -webkit-linear-gradient(top, #0083C0 0%, #52ABD6 50%, #B6DBED 100%);
    background: linear-gradient(to bottom, #0083C0 0%, #52ABD6 50%, #B6DBED 100%);
}
</style>