#B8D9F0 - #52A2B6 | 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 #B8D9F0 to #52A2B6

#B8D9F0 #52A2B6

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

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

0.0%	0.0% #B8D9F0	RGB 184 217 240	#B8D9F0
16.7%	16.7% #A7CFE6	RGB 167 207 230	#A7CFE6
33.3%	33.3% #96C6DC	RGB 150 198 220	#96C6DC
50.0%	50.0% #85BDD3	RGB 133 189 211	#85BDD3
66.7%	66.7% #74B4C9	RGB 116 180 201	#74B4C9
83.3%	83.3% #63ABBF	RGB 99 171 191	#63ABBF
100.0%	100.0% #52A2B6	RGB 82 162 182	#52A2B6

#B8D9F0 #A7CFE6 #96C6DC #85BDD3 #74B4C9 #63ABBF #52A2B6

#B8D9F0 - #52A2B6

HSV Blend

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

0.0%	0.0% #B8D9F0	RGB 184 217 240	#B8D9F0
16.7%	16.7% #A4CDE6	RGB 164 205 230	#A4CDE6
33.3%	33.3% #91C3DC	RGB 145 195 220	#91C3DC
50.0%	50.0% #80B9D3	RGB 128 185 211	#80B9D3
66.7%	66.7% #6FB1C9	RGB 111 177 201	#6FB1C9
83.3%	83.3% #60A9BF	RGB 96 169 191	#60A9BF
100.0%	100.0% #52A2B6	RGB 82 162 182	#52A2B6

#B8D9F0 #A4CDE6 #91C3DC #80B9D3 #6FB1C9 #60A9BF #52A2B6

#B8D9F0 - #80B9D3 - #52A2B6

CSS codes

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

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