#B5B5E6 - #5063AE | 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 #B5B5E6 to #5063AE

#B5B5E6 #5063AE

Calculate the color between two colors, #B5B5E6 and #5063AE. 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)

#B5B5E6 - #5063AE | 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 #B5B5E6 as 0% and #5063AE as 100%.

0.0%	0.0% #B5B5E6	RGB 181 181 230	#B5B5E6
16.7%	16.7% #A4A7DC	RGB 164 167 220	#A4A7DC
33.3%	33.3% #9399D3	RGB 147 153 211	#9399D3
50.0%	50.0% #828CCA	RGB 130 140 202	#828CCA
66.7%	66.7% #717EC0	RGB 113 126 192	#717EC0
83.3%	83.3% #6070B7	RGB 96 112 183	#6070B7
100.0%	100.0% #5063AE	RGB 80 99 174	#5063AE

#B5B5E6 #A4A7DC #9399D3 #828CCA #717EC0 #6070B7 #5063AE

#B5B5E6 - #5063AE

HSV Blend

#B5B5E6 - #5063AE | 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 #B5B5E6 as 0% and #5063AE as 100%.

0.0%	0.0% #B5B5E6	RGB 181 181 230	#B5B5E6
16.7%	16.7% #A1A3DC	RGB 161 163 220	#A1A3DC
33.3%	33.3% #8F93D3	RGB 143 147 211	#8F93D3
50.0%	50.0% #7D85CA	RGB 125 133 202	#7D85CA
66.7%	66.7% #6D78C0	RGB 109 120 192	#6D78C0
83.3%	83.3% #5E6DB7	RGB 94 109 183	#5E6DB7
100.0%	100.0% #5063AE	RGB 80 99 174	#5063AE

#B5B5E6 #A1A3DC #8F93D3 #7D85CA #6D78C0 #5E6DB7 #5063AE

#B5B5E6 - #7D85CA - #5063AE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5B5E6 0%, #7D85CA 50%, #5063AE 100%);
    background: -webkit-linear-gradient(top, #B5B5E6 0%, #7D85CA 50%, #5063AE 100%);
    background: linear-gradient(to bottom, #B5B5E6 0%, #7D85CA 50%, #5063AE 100%);
}
</style>