#B5C7DF - #4773B2 | 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 #B5C7DF to #4773B2

#B5C7DF #4773B2

Calculate the color between two colors, #B5C7DF and #4773B2. 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)

#B5C7DF - #4773B2 | 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 #B5C7DF as 0% and #4773B2 as 100%.

0.0%	0.0% #B5C7DF	RGB 181 199 223	#B5C7DF
16.7%	16.7% #A2B9D7	RGB 162 185 215	#A2B9D7
33.3%	33.3% #90ABD0	RGB 144 171 208	#90ABD0
50.0%	50.0% #7E9DC8	RGB 126 157 200	#7E9DC8
66.7%	66.7% #6B8FC1	RGB 107 143 193	#6B8FC1
83.3%	83.3% #5981B9	RGB 89 129 185	#5981B9
100.0%	100.0% #4773B2	RGB 71 115 178	#4773B2

#B5C7DF #A2B9D7 #90ABD0 #7E9DC8 #6B8FC1 #5981B9 #4773B2

#B5C7DF - #4773B2

HSV Blend

#B5C7DF - #4773B2 | 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 #B5C7DF as 0% and #4773B2 as 100%.

0.0%	0.0% #B5C7DF	RGB 181 199 223	#B5C7DF
16.7%	16.7% #A0B7D7	RGB 160 183 215	#A0B7D7
33.3%	33.3% #8CA8D0	RGB 140 168 208	#8CA8D0
50.0%	50.0% #799AC8	RGB 121 154 200	#799AC8
66.7%	66.7% #678CC1	RGB 103 140 193	#678CC1
83.3%	83.3% #567FB9	RGB 86 127 185	#567FB9
100.0%	100.0% #4773B2	RGB 71 115 178	#4773B2

#B5C7DF #A0B7D7 #8CA8D0 #799AC8 #678CC1 #567FB9 #4773B2

#B5C7DF - #799AC8 - #4773B2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5C7DF 0%, #799AC8 50%, #4773B2 100%);
    background: -webkit-linear-gradient(top, #B5C7DF 0%, #799AC8 50%, #4773B2 100%);
    background: linear-gradient(to bottom, #B5C7DF 0%, #799AC8 50%, #4773B2 100%);
}
</style>