#0059C2 - #B6CFED | 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 #0059C2 to #B6CFED

#0059C2 #B6CFED

Calculate the color between two colors, #0059C2 and #B6CFED. 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)

#0059C2 - #B6CFED | 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 #0059C2 as 0% and #B6CFED as 100%.

0.0%	0.0% #0059C2	RGB 0 89 194	#0059C2
16.7%	16.7% #1E6CC9	RGB 30 108 201	#1E6CC9
33.3%	33.3% #3C80D0	RGB 60 128 208	#3C80D0
50.0%	50.0% #5B94D7	RGB 91 148 215	#5B94D7
66.7%	66.7% #79A7DE	RGB 121 167 222	#79A7DE
83.3%	83.3% #97BBE5	RGB 151 187 229	#97BBE5
100.0%	100.0% #B6CFED	RGB 182 207 237	#B6CFED

#0059C2 #1E6CC9 #3C80D0 #5B94D7 #79A7DE #97BBE5 #B6CFED

#0059C2 - #B6CFED

HSV Blend

#0059C2 - #B6CFED | 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 #0059C2 as 0% and #B6CFED as 100%.

0.0%	0.0% #0058C2	RGB 0 88 194	#0058C2
16.7%	16.7% #196AC9	RGB 25 106 201	#196AC9
33.3%	33.3% #357CD0	RGB 53 124 208	#357CD0
50.0%	50.0% #528FD7	RGB 82 143 215	#528FD7
66.7%	66.7% #71A3DE	RGB 113 163 222	#71A3DE
83.3%	83.3% #93B8E5	RGB 147 184 229	#93B8E5
100.0%	100.0% #B6CFED	RGB 182 207 237	#B6CFED

#0058C2 #196AC9 #357CD0 #528FD7 #71A3DE #93B8E5 #B6CFED

#0059C2 - #528FD7 - #B6CFED

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0058C2 0%, #528FD7 50%, #B6CFED 100%);
    background: -webkit-linear-gradient(top, #0058C2 0%, #528FD7 50%, #B6CFED 100%);
    background: linear-gradient(to bottom, #0058C2 0%, #528FD7 50%, #B6CFED 100%);
}
</style>