#B8C0E6 - #5770AF | 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 #B8C0E6 to #5770AF

#B8C0E6 #5770AF

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

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

0.0%	0.0% #B8C0E6	RGB 184 192 230	#B8C0E6
16.7%	16.7% #A7B2DC	RGB 167 178 220	#A7B2DC
33.3%	33.3% #97A5D3	RGB 151 165 211	#97A5D3
50.0%	50.0% #8798CA	RGB 135 152 202	#8798CA
66.7%	66.7% #778AC1	RGB 119 138 193	#778AC1
83.3%	83.3% #677DB8	RGB 103 125 184	#677DB8
100.0%	100.0% #5770AF	RGB 87 112 175	#5770AF

#B8C0E6 #A7B2DC #97A5D3 #8798CA #778AC1 #677DB8 #5770AF

#B8C0E6 - #5770AF

HSV Blend

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

0.0%	0.0% #B8C0E6	RGB 184 192 230	#B8C0E6
16.7%	16.7% #A5B0DC	RGB 165 176 220	#A5B0DC
33.3%	33.3% #93A1D3	RGB 147 161 211	#93A1D3
50.0%	50.0% #8393CA	RGB 131 147 202	#8393CA
66.7%	66.7% #7386C1	RGB 115 134 193	#7386C1
83.3%	83.3% #647AB8	RGB 100 122 184	#647AB8
100.0%	100.0% #5770AF	RGB 87 112 175	#5770AF

#B8C0E6 #A5B0DC #93A1D3 #8393CA #7386C1 #647AB8 #5770AF

#B8C0E6 - #8393CA - #5770AF

CSS codes

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

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