#B5C5E6 - #5C5BB4 | 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 #B5C5E6 to #5C5BB4

#B5C5E6 #5C5BB4

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

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

0.0%	0.0% #B5C5E6	RGB 181 197 230	#B5C5E6
16.7%	16.7% #A6B3DD	RGB 166 179 221	#A6B3DD
33.3%	33.3% #97A1D5	RGB 151 161 213	#97A1D5
50.0%	50.0% #8890CD	RGB 136 144 205	#8890CD
66.7%	66.7% #797EC4	RGB 121 126 196	#797EC4
83.3%	83.3% #6A6CBC	RGB 106 108 188	#6A6CBC
100.0%	100.0% #5C5BB4	RGB 92 91 180	#5C5BB4

#B5C5E6 #A6B3DD #97A1D5 #8890CD #797EC4 #6A6CBC #5C5BB4

#B5C5E6 - #5C5BB4

HSV Blend

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

0.0%	0.0% #B5C5E6	RGB 181 197 230	#B5C5E6
16.7%	16.7% #A4B3DD	RGB 164 179 221	#A4B3DD
33.3%	33.3% #93A1D5	RGB 147 161 213	#93A1D5
50.0%	50.0% #848FCD	RGB 132 143 205	#848FCD
66.7%	66.7% #757DC4	RGB 117 125 196	#757DC4
83.3%	83.3% #686BBC	RGB 104 107 188	#686BBC
100.0%	100.0% #5C5BB4	RGB 92 91 180	#5C5BB4

#B5C5E6 #A4B3DD #93A1D5 #848FCD #757DC4 #686BBC #5C5BB4

#B5C5E6 - #848FCD - #5C5BB4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5C5E6 0%, #848FCD 50%, #5C5BB4 100%);
    background: -webkit-linear-gradient(top, #B5C5E6 0%, #848FCD 50%, #5C5BB4 100%);
    background: linear-gradient(to bottom, #B5C5E6 0%, #848FCD 50%, #5C5BB4 100%);
}
</style>