#B6C5E8 - #5775B2 | 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 #B6C5E8 to #5775B2

#B6C5E8 #5775B2

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

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

0.0%	0.0% #B6C5E8	RGB 182 197 232	#B6C5E8
16.7%	16.7% #A6B7DF	RGB 166 183 223	#A6B7DF
33.3%	33.3% #96AAD6	RGB 150 170 214	#96AAD6
50.0%	50.0% #869DCD	RGB 134 157 205	#869DCD
66.7%	66.7% #768FC4	RGB 118 143 196	#768FC4
83.3%	83.3% #6682BB	RGB 102 130 187	#6682BB
100.0%	100.0% #5775B2	RGB 87 117 178	#5775B2

#B6C5E8 #A6B7DF #96AAD6 #869DCD #768FC4 #6682BB #5775B2

#B6C5E8 - #5775B2

HSV Blend

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

0.0%	0.0% #B6C5E8	RGB 182 197 232	#B6C5E8
16.7%	16.7% #A3B5DF	RGB 163 181 223	#A3B5DF
33.3%	33.3% #92A7D6	RGB 146 167 214	#92A7D6
50.0%	50.0% #8299CD	RGB 130 153 205	#8299CD
66.7%	66.7% #738CC4	RGB 115 140 196	#738CC4
83.3%	83.3% #6480BB	RGB 100 128 187	#6480BB
100.0%	100.0% #5775B2	RGB 87 117 178	#5775B2

#B6C5E8 #A3B5DF #92A7D6 #8299CD #738CC4 #6480BB #5775B2

#B6C5E8 - #8299CD - #5775B2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6C5E8 0%, #8299CD 50%, #5775B2 100%);
    background: -webkit-linear-gradient(top, #B6C5E8 0%, #8299CD 50%, #5775B2 100%);
    background: linear-gradient(to bottom, #B6C5E8 0%, #8299CD 50%, #5775B2 100%);
}
</style>