#0181B5 - #B6DBE9 | 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 #0181B5 to #B6DBE9

#0181B5 #B6DBE9

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

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

0.0%	0.0% #0181B5	RGB 1 129 181	#0181B5
16.7%	16.7% #1F90BD	RGB 31 144 189	#1F90BD
33.3%	33.3% #3D9FC6	RGB 61 159 198	#3D9FC6
50.0%	50.0% #5BAECF	RGB 91 174 207	#5BAECF
66.7%	66.7% #79BDD7	RGB 121 189 215	#79BDD7
83.3%	83.3% #97CCE0	RGB 151 204 224	#97CCE0
100.0%	100.0% #B6DBE9	RGB 182 219 233	#B6DBE9

#0181B5 #1F90BD #3D9FC6 #5BAECF #79BDD7 #97CCE0 #B6DBE9

#0181B5 - #B6DBE9

HSV Blend

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

0.0%	0.0% #0180B5	RGB 1 128 181	#0180B5
16.7%	16.7% #198EBD	RGB 25 142 189	#198EBD
33.3%	33.3% #349CC6	RGB 52 156 198	#349CC6
50.0%	50.0% #51ABCF	RGB 81 171 207	#51ABCF
66.7%	66.7% #70BAD7	RGB 112 186 215	#70BAD7
83.3%	83.3% #92CAE0	RGB 146 202 224	#92CAE0
100.0%	100.0% #B6DBE9	RGB 182 219 233	#B6DBE9

#0180B5 #198EBD #349CC6 #51ABCF #70BAD7 #92CAE0 #B6DBE9

#0181B5 - #51ABCF - #B6DBE9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0180B5 0%, #51ABCF 50%, #B6DBE9 100%);
    background: -webkit-linear-gradient(top, #0180B5 0%, #51ABCF 50%, #B6DBE9 100%);
    background: linear-gradient(to bottom, #0180B5 0%, #51ABCF 50%, #B6DBE9 100%);
}
</style>