#B8C7E8 - #5A78B2 | 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 #B8C7E8 to #5A78B2

#B8C7E8 #5A78B2

Calculate the color between two colors, #B8C7E8 and #5A78B2. 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)

#B8C7E8 - #5A78B2 | 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 #B8C7E8 as 0% and #5A78B2 as 100%.

0.0%	0.0% #B8C7E8	RGB 184 199 232	#B8C7E8
16.7%	16.7% #A8B9DF	RGB 168 185 223	#A8B9DF
33.3%	33.3% #98ACD6	RGB 152 172 214	#98ACD6
50.0%	50.0% #899FCD	RGB 137 159 205	#899FCD
66.7%	66.7% #7992C4	RGB 121 146 196	#7992C4
83.3%	83.3% #6985BB	RGB 105 133 187	#6985BB
100.0%	100.0% #5A78B2	RGB 90 120 178	#5A78B2

#B8C7E8 #A8B9DF #98ACD6 #899FCD #7992C4 #6985BB #5A78B2

#B8C7E8 - #5A78B2

HSV Blend

#B8C7E8 - #5A78B2 | 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 #B8C7E8 as 0% and #5A78B2 as 100%.

0.0%	0.0% #B8C7E8	RGB 184 199 232	#B8C7E8
16.7%	16.7% #A6B8DF	RGB 166 184 223	#A6B8DF
33.3%	33.3% #95AAD6	RGB 149 170 214	#95AAD6
50.0%	50.0% #859CCD	RGB 133 156 205	#859CCD
66.7%	66.7% #758FC4	RGB 117 143 196	#758FC4
83.3%	83.3% #6783BB	RGB 103 131 187	#6783BB
100.0%	100.0% #5A78B2	RGB 90 120 178	#5A78B2

#B8C7E8 #A6B8DF #95AAD6 #859CCD #758FC4 #6783BB #5A78B2

#B8C7E8 - #859CCD - #5A78B2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8C7E8 0%, #859CCD 50%, #5A78B2 100%);
    background: -webkit-linear-gradient(top, #B8C7E8 0%, #859CCD 50%, #5A78B2 100%);
    background: linear-gradient(to bottom, #B8C7E8 0%, #859CCD 50%, #5A78B2 100%);
}
</style>