#0986B5 - #B8DCE9 | 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 #0986B5 to #B8DCE9

#0986B5 #B8DCE9

Calculate the color between two colors, #0986B5 and #B8DCE9. 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)

#0986B5 - #B8DCE9 | 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 #0986B5 as 0% and #B8DCE9 as 100%.

0.0%	0.0% #0986B5	RGB 9 134 181	#0986B5
16.7%	16.7% #2694BD	RGB 38 148 189	#2694BD
33.3%	33.3% #43A2C6	RGB 67 162 198	#43A2C6
50.0%	50.0% #60B1CF	RGB 96 177 207	#60B1CF
66.7%	66.7% #7DBFD7	RGB 125 191 215	#7DBFD7
83.3%	83.3% #9ACDE0	RGB 154 205 224	#9ACDE0
100.0%	100.0% #B8DCE9	RGB 184 220 233	#B8DCE9

#0986B5 #2694BD #43A2C6 #60B1CF #7DBFD7 #9ACDE0 #B8DCE9

#0986B5 - #B8DCE9

HSV Blend

#0986B5 - #B8DCE9 | 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 #0986B5 as 0% and #B8DCE9 as 100%.

0.0%	0.0% #0885B5	RGB 8 133 181	#0885B5
16.7%	16.7% #2093BD	RGB 32 147 189	#2093BD
33.3%	33.3% #3AA0C6	RGB 58 160 198	#3AA0C6
50.0%	50.0% #56AECF	RGB 86 174 207	#56AECF
66.7%	66.7% #75BDD7	RGB 117 189 215	#75BDD7
83.3%	83.3% #95CCE0	RGB 149 204 224	#95CCE0
100.0%	100.0% #B8DCE9	RGB 184 220 233	#B8DCE9

#0885B5 #2093BD #3AA0C6 #56AECF #75BDD7 #95CCE0 #B8DCE9

#0986B5 - #56AECF - #B8DCE9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0885B5 0%, #56AECF 50%, #B8DCE9 100%);
    background: -webkit-linear-gradient(top, #0885B5 0%, #56AECF 50%, #B8DCE9 100%);
    background: linear-gradient(to bottom, #0885B5 0%, #56AECF 50%, #B8DCE9 100%);
}
</style>