#B5E0FE - #52A0D4 | 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 #B5E0FE to #52A0D4

#B5E0FE #52A0D4

Calculate the color between two colors, #B5E0FE and #52A0D4. 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)

#B5E0FE - #52A0D4 | 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 #B5E0FE as 0% and #52A0D4 as 100%.

0.0%	0.0% #B5E0FE	RGB 181 224 254	#B5E0FE
16.7%	16.7% #A4D5F7	RGB 164 213 247	#A4D5F7
33.3%	33.3% #94CAF0	RGB 148 202 240	#94CAF0
50.0%	50.0% #83C0E9	RGB 131 192 233	#83C0E9
66.7%	66.7% #73B5E2	RGB 115 181 226	#73B5E2
83.3%	83.3% #62AADB	RGB 98 170 219	#62AADB
100.0%	100.0% #52A0D4	RGB 82 160 212	#52A0D4

#B5E0FE #A4D5F7 #94CAF0 #83C0E9 #73B5E2 #62AADB #52A0D4

#B5E0FE - #52A0D4

HSV Blend

#B5E0FE - #52A0D4 | 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 #B5E0FE as 0% and #52A0D4 as 100%.

0.0%	0.0% #B5E0FE	RGB 181 224 254	#B5E0FE
16.7%	16.7% #A2D4F7	RGB 162 212 247	#A2D4F7
33.3%	33.3% #90C9F0	RGB 144 201 240	#90C9F0
50.0%	50.0% #80BEE9	RGB 128 190 233	#80BEE9
66.7%	66.7% #6FB3E2	RGB 111 179 226	#6FB3E2
83.3%	83.3% #60A9DB	RGB 96 169 219	#60A9DB
100.0%	100.0% #52A0D4	RGB 82 160 212	#52A0D4

#B5E0FE #A2D4F7 #90C9F0 #80BEE9 #6FB3E2 #60A9DB #52A0D4

#B5E0FE - #80BEE9 - #52A0D4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5E0FE 0%, #80BEE9 50%, #52A0D4 100%);
    background: -webkit-linear-gradient(top, #B5E0FE 0%, #80BEE9 50%, #52A0D4 100%);
    background: linear-gradient(to bottom, #B5E0FE 0%, #80BEE9 50%, #52A0D4 100%);
}
</style>