#B8C0E5 - #5770AD | 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 #B8C0E5 to #5770AD

#B8C0E5 #5770AD

Calculate the color between two colors, #B8C0E5 and #5770AD. 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)

#B8C0E5 - #5770AD | 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 #B8C0E5 as 0% and #5770AD as 100%.

0.0%	0.0% #B8C0E5	RGB 184 192 229	#B8C0E5
16.7%	16.7% #A7B2DB	RGB 167 178 219	#A7B2DB
33.3%	33.3% #97A5D2	RGB 151 165 210	#97A5D2
50.0%	50.0% #8798C9	RGB 135 152 201	#8798C9
66.7%	66.7% #778ABF	RGB 119 138 191	#778ABF
83.3%	83.3% #677DB6	RGB 103 125 182	#677DB6
100.0%	100.0% #5770AD	RGB 87 112 173	#5770AD

#B8C0E5 #A7B2DB #97A5D2 #8798C9 #778ABF #677DB6 #5770AD

#B8C0E5 - #5770AD

HSV Blend

#B8C0E5 - #5770AD | 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 #B8C0E5 as 0% and #5770AD as 100%.

0.0%	0.0% #B8C0E5	RGB 184 192 229	#B8C0E5
16.7%	16.7% #A5B0DB	RGB 165 176 219	#A5B0DB
33.3%	33.3% #93A1D2	RGB 147 161 210	#93A1D2
50.0%	50.0% #8393C9	RGB 131 147 201	#8393C9
66.7%	66.7% #7386BF	RGB 115 134 191	#7386BF
83.3%	83.3% #647AB6	RGB 100 122 182	#647AB6
100.0%	100.0% #5770AD	RGB 87 112 173	#5770AD

#B8C0E5 #A5B0DB #93A1D2 #8393C9 #7386BF #647AB6 #5770AD

#B8C0E5 - #8393C9 - #5770AD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8C0E5 0%, #8393C9 50%, #5770AD 100%);
    background: -webkit-linear-gradient(top, #B8C0E5 0%, #8393C9 50%, #5770AD 100%);
    background: linear-gradient(to bottom, #B8C0E5 0%, #8393C9 50%, #5770AD 100%);
}
</style>