#B5DFE6 - #5193B8 | 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 #B5DFE6 to #5193B8

#B5DFE6 #5193B8

Calculate the color between two colors, #B5DFE6 and #5193B8. 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)

#B5DFE6 - #5193B8 | 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 #B5DFE6 as 0% and #5193B8 as 100%.

0.0%	0.0% #B5DFE6	RGB 181 223 230	#B5DFE6
16.7%	16.7% #A4D2DE	RGB 164 210 222	#A4D2DE
33.3%	33.3% #93C5D6	RGB 147 197 214	#93C5D6
50.0%	50.0% #83B9CF	RGB 131 185 207	#83B9CF
66.7%	66.7% #72ACC7	RGB 114 172 199	#72ACC7
83.3%	83.3% #619FBF	RGB 97 159 191	#619FBF
100.0%	100.0% #5193B8	RGB 81 147 184	#5193B8

#B5DFE6 #A4D2DE #93C5D6 #83B9CF #72ACC7 #619FBF #5193B8

#B5DFE6 - #5193B8

HSV Blend

#B5DFE6 - #5193B8 | 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 #B5DFE6 as 0% and #5193B8 as 100%.

0.0%	0.0% #B5DFE6	RGB 181 223 230	#B5DFE6
16.7%	16.7% #A2D3DE	RGB 162 211 222	#A2D3DE
33.3%	33.3% #90C7D6	RGB 144 199 214	#90C7D6
50.0%	50.0% #7FBACF	RGB 127 186 207	#7FBACF
66.7%	66.7% #6EADC7	RGB 110 173 199	#6EADC7
83.3%	83.3% #5FA0BF	RGB 95 160 191	#5FA0BF
100.0%	100.0% #5193B8	RGB 81 147 184	#5193B8

#B5DFE6 #A2D3DE #90C7D6 #7FBACF #6EADC7 #5FA0BF #5193B8

#B5DFE6 - #7FBACF - #5193B8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5DFE6 0%, #7FBACF 50%, #5193B8 100%);
    background: -webkit-linear-gradient(top, #B5DFE6 0%, #7FBACF 50%, #5193B8 100%);
    background: linear-gradient(to bottom, #B5DFE6 0%, #7FBACF 50%, #5193B8 100%);
}
</style>