#B5B5E8 - #5062B0 | 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 #B5B5E8 to #5062B0

#B5B5E8 #5062B0

Calculate the color between two colors, #B5B5E8 and #5062B0. 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)

#B5B5E8 - #5062B0 | 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 #B5B5E8 as 0% and #5062B0 as 100%.

0.0%	0.0% #B5B5E8	RGB 181 181 232	#B5B5E8
16.7%	16.7% #A4A7DE	RGB 164 167 222	#A4A7DE
33.3%	33.3% #9399D5	RGB 147 153 213	#9399D5
50.0%	50.0% #828BCC	RGB 130 139 204	#828BCC
66.7%	66.7% #717DC2	RGB 113 125 194	#717DC2
83.3%	83.3% #606FB9	RGB 96 111 185	#606FB9
100.0%	100.0% #5062B0	RGB 80 98 176	#5062B0

#B5B5E8 #A4A7DE #9399D5 #828BCC #717DC2 #606FB9 #5062B0

#B5B5E8 - #5062B0

HSV Blend

#B5B5E8 - #5062B0 | 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 #B5B5E8 as 0% and #5062B0 as 100%.

0.0%	0.0% #B5B5E8	RGB 181 181 232	#B5B5E8
16.7%	16.7% #A1A3DE	RGB 161 163 222	#A1A3DE
33.3%	33.3% #8F93D5	RGB 143 147 213	#8F93D5
50.0%	50.0% #7D85CC	RGB 125 133 204	#7D85CC
66.7%	66.7% #6D78C2	RGB 109 120 194	#6D78C2
83.3%	83.3% #5E6CB9	RGB 94 108 185	#5E6CB9
100.0%	100.0% #5062B0	RGB 80 98 176	#5062B0

#B5B5E8 #A1A3DE #8F93D5 #7D85CC #6D78C2 #5E6CB9 #5062B0

#B5B5E8 - #7D85CC - #5062B0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5B5E8 0%, #7D85CC 50%, #5062B0 100%);
    background: -webkit-linear-gradient(top, #B5B5E8 0%, #7D85CC 50%, #5062B0 100%);
    background: linear-gradient(to bottom, #B5B5E8 0%, #7D85CC 50%, #5062B0 100%);
}
</style>