#0055F2 - #B6CDFB | 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 #0055F2 to #B6CDFB

#0055F2 #B6CDFB

Calculate the color between two colors, #0055F2 and #B6CDFB. 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)

#0055F2 - #B6CDFB | 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 #0055F2 as 0% and #B6CDFB as 100%.

0.0%	0.0% #0055F2	RGB 0 85 242	#0055F2
16.7%	16.7% #1E69F3	RGB 30 105 243	#1E69F3
33.3%	33.3% #3C7DF5	RGB 60 125 245	#3C7DF5
50.0%	50.0% #5B91F6	RGB 91 145 246	#5B91F6
66.7%	66.7% #79A5F8	RGB 121 165 248	#79A5F8
83.3%	83.3% #97B9F9	RGB 151 185 249	#97B9F9
100.0%	100.0% #B6CDFB	RGB 182 205 251	#B6CDFB

#0055F2 #1E69F3 #3C7DF5 #5B91F6 #79A5F8 #97B9F9 #B6CDFB

#0055F2 - #B6CDFB

HSV Blend

#0055F2 - #B6CDFB | 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 #0055F2 as 0% and #B6CDFB as 100%.

0.0%	0.0% #0055F2	RGB 0 85 242	#0055F2
16.7%	16.7% #1D67F3	RGB 29 103 243	#1D67F3
33.3%	33.3% #3B7BF5	RGB 59 123 245	#3B7BF5
50.0%	50.0% #598FF6	RGB 89 143 246	#598FF6
66.7%	66.7% #77A3F8	RGB 119 163 248	#77A3F8
83.3%	83.3% #96B7F9	RGB 150 183 249	#96B7F9
100.0%	100.0% #B6CDFB	RGB 182 205 251	#B6CDFB

#0055F2 #1D67F3 #3B7BF5 #598FF6 #77A3F8 #96B7F9 #B6CDFB

#0055F2 - #598FF6 - #B6CDFB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0055F2 0%, #598FF6 50%, #B6CDFB 100%);
    background: -webkit-linear-gradient(top, #0055F2 0%, #598FF6 50%, #B6CDFB 100%);
    background: linear-gradient(to bottom, #0055F2 0%, #598FF6 50%, #B6CDFB 100%);
}
</style>