#B5B5D9 - #605497 | 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 #B5B5D9 to #605497

#B5B5D9 #605497

Calculate the color between two colors, #B5B5D9 and #605497. 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)

#B5B5D9 - #605497 | 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 #B5B5D9 as 0% and #605497 as 100%.

0.0%	0.0% #B5B5D9	RGB 181 181 217	#B5B5D9
16.7%	16.7% #A6A4CE	RGB 166 164 206	#A6A4CE
33.3%	33.3% #9894C3	RGB 152 148 195	#9894C3
50.0%	50.0% #8A84B8	RGB 138 132 184	#8A84B8
66.7%	66.7% #7C74AD	RGB 124 116 173	#7C74AD
83.3%	83.3% #6E64A2	RGB 110 100 162	#6E64A2
100.0%	100.0% #605497	RGB 96 84 151	#605497

#B5B5D9 #A6A4CE #9894C3 #8A84B8 #7C74AD #6E64A2 #605497

#B5B5D9 - #605497

HSV Blend

#B5B5D9 - #605497 | 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 #B5B5D9 as 0% and #605497 as 100%.

0.0%	0.0% #B5B5D9	RGB 181 181 217	#B5B5D9
16.7%	16.7% #A3A2CE	RGB 163 162 206	#A3A2CE
33.3%	33.3% #9390C3	RGB 147 144 195	#9390C3
50.0%	50.0% #847FB8	RGB 132 127 184	#847FB8
66.7%	66.7% #7770AD	RGB 119 112 173	#7770AD
83.3%	83.3% #6B61A2	RGB 107 97 162	#6B61A2
100.0%	100.0% #605497	RGB 96 84 151	#605497

#B5B5D9 #A3A2CE #9390C3 #847FB8 #7770AD #6B61A2 #605497

#B5B5D9 - #847FB8 - #605497

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5B5D9 0%, #847FB8 50%, #605497 100%);
    background: -webkit-linear-gradient(top, #B5B5D9 0%, #847FB8 50%, #605497 100%);
    background: linear-gradient(to bottom, #B5B5D9 0%, #847FB8 50%, #605497 100%);
}
</style>