#B5C0D1 - #48699F | 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 #B5C0D1 to #48699F

#B5C0D1 #48699F

Calculate the color between two colors, #B5C0D1 and #48699F. 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)

#B5C0D1 - #48699F | 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 #B5C0D1 as 0% and #48699F as 100%.

0.0%	0.0% #B5C0D1	RGB 181 192 209	#B5C0D1
16.7%	16.7% #A2B1C8	RGB 162 177 200	#A2B1C8
33.3%	33.3% #90A3C0	RGB 144 163 192	#90A3C0
50.0%	50.0% #7E94B8	RGB 126 148 184	#7E94B8
66.7%	66.7% #6C86AF	RGB 108 134 175	#6C86AF
83.3%	83.3% #5A77A7	RGB 90 119 167	#5A77A7
100.0%	100.0% #48699F	RGB 72 105 159	#48699F

#B5C0D1 #A2B1C8 #90A3C0 #7E94B8 #6C86AF #5A77A7 #48699F

#B5C0D1 - #48699F

HSV Blend

#B5C0D1 - #48699F | 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 #B5C0D1 as 0% and #48699F as 100%.

0.0%	0.0% #B5C0D1	RGB 181 192 209	#B5C0D1
16.7%	16.7% #9FAFC8	RGB 159 175 200	#9FAFC8
33.3%	33.3% #8CA0C0	RGB 140 160 192	#8CA0C0
50.0%	50.0% #7991B8	RGB 121 145 184	#7991B8
66.7%	66.7% #6783AF	RGB 103 131 175	#6783AF
83.3%	83.3% #5775A7	RGB 87 117 167	#5775A7
100.0%	100.0% #48699F	RGB 72 105 159	#48699F

#B5C0D1 #9FAFC8 #8CA0C0 #7991B8 #6783AF #5775A7 #48699F

#B5C0D1 - #7991B8 - #48699F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5C0D1 0%, #7991B8 50%, #48699F 100%);
    background: -webkit-linear-gradient(top, #B5C0D1 0%, #7991B8 50%, #48699F 100%);
    background: linear-gradient(to bottom, #B5C0D1 0%, #7991B8 50%, #48699F 100%);
}
</style>