#B5D1FC - #5482D2 | 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 #B5D1FC to #5482D2

#B5D1FC #5482D2

Calculate the color between two colors, #B5D1FC and #5482D2. 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)

#B5D1FC - #5482D2 | 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 #B5D1FC as 0% and #5482D2 as 100%.

0.0%	0.0% #B5D1FC	RGB 181 209 252	#B5D1FC
16.7%	16.7% #A4C3F5	RGB 164 195 245	#A4C3F5
33.3%	33.3% #94B6EE	RGB 148 182 238	#94B6EE
50.0%	50.0% #84A9E7	RGB 132 169 231	#84A9E7
66.7%	66.7% #749CE0	RGB 116 156 224	#749CE0
83.3%	83.3% #648FD9	RGB 100 143 217	#648FD9
100.0%	100.0% #5482D2	RGB 84 130 210	#5482D2

#B5D1FC #A4C3F5 #94B6EE #84A9E7 #749CE0 #648FD9 #5482D2

#B5D1FC - #5482D2

HSV Blend

#B5D1FC - #5482D2 | 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 #B5D1FC as 0% and #5482D2 as 100%.

0.0%	0.0% #B5D1FC	RGB 181 209 252	#B5D1FC
16.7%	16.7% #A2C2F5	RGB 162 194 245	#A2C2F5
33.3%	33.3% #91B5EE	RGB 145 181 238	#91B5EE
50.0%	50.0% #81A7E7	RGB 129 167 231	#81A7E7
66.7%	66.7% #719AE0	RGB 113 154 224	#719AE0
83.3%	83.3% #628ED9	RGB 98 142 217	#628ED9
100.0%	100.0% #5482D2	RGB 84 130 210	#5482D2

#B5D1FC #A2C2F5 #91B5EE #81A7E7 #719AE0 #628ED9 #5482D2

#B5D1FC - #81A7E7 - #5482D2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5D1FC 0%, #81A7E7 50%, #5482D2 100%);
    background: -webkit-linear-gradient(top, #B5D1FC 0%, #81A7E7 50%, #5482D2 100%);
    background: linear-gradient(to bottom, #B5D1FC 0%, #81A7E7 50%, #5482D2 100%);
}
</style>