#0084BE - #B6DBEC | 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 #0084BE to #B6DBEC

#0084BE #B6DBEC

Calculate the color between two colors, #0084BE and #B6DBEC. 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)

#0084BE - #B6DBEC | 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 #0084BE as 0% and #B6DBEC as 100%.

0.0%	0.0% #0084BE	RGB 0 132 190	#0084BE
16.7%	16.7% #1E92C5	RGB 30 146 197	#1E92C5
33.3%	33.3% #3CA1CD	RGB 60 161 205	#3CA1CD
50.0%	50.0% #5BAFD5	RGB 91 175 213	#5BAFD5
66.7%	66.7% #79BEDC	RGB 121 190 220	#79BEDC
83.3%	83.3% #97CCE4	RGB 151 204 228	#97CCE4
100.0%	100.0% #B6DBEC	RGB 182 219 236	#B6DBEC

#0084BE #1E92C5 #3CA1CD #5BAFD5 #79BEDC #97CCE4 #B6DBEC

#0084BE - #B6DBEC

HSV Blend

#0084BE - #B6DBEC | 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 #0084BE as 0% and #B6DBEC as 100%.

0.0%	0.0% #0083BE	RGB 0 131 190	#0083BE
16.7%	16.7% #1990C5	RGB 25 144 197	#1990C5
33.3%	33.3% #349ECD	RGB 52 158 205	#349ECD
50.0%	50.0% #52ACD5	RGB 82 172 213	#52ACD5
66.7%	66.7% #71BBDC	RGB 113 187 220	#71BBDC
83.3%	83.3% #92CAE4	RGB 146 202 228	#92CAE4
100.0%	100.0% #B6DBEC	RGB 182 219 236	#B6DBEC

#0083BE #1990C5 #349ECD #52ACD5 #71BBDC #92CAE4 #B6DBEC

#0084BE - #52ACD5 - #B6DBEC

CSS codes

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

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