#B5B5FA - #4D5DCC | 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 #B5B5FA to #4D5DCC

#B5B5FA #4D5DCC

Calculate the color between two colors, #B5B5FA and #4D5DCC. 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)

#B5B5FA - #4D5DCC | 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 #B5B5FA as 0% and #4D5DCC as 100%.

0.0%	0.0% #B5B5FA	RGB 181 181 250	#B5B5FA
16.7%	16.7% #A3A6F2	RGB 163 166 242	#A3A6F2
33.3%	33.3% #9297EA	RGB 146 151 234	#9297EA
50.0%	50.0% #8189E3	RGB 129 137 227	#8189E3
66.7%	66.7% #6F7ADB	RGB 111 122 219	#6F7ADB
83.3%	83.3% #5E6BD3	RGB 94 107 211	#5E6BD3
100.0%	100.0% #4D5DCC	RGB 77 93 204	#4D5DCC

#B5B5FA #A3A6F2 #9297EA #8189E3 #6F7ADB #5E6BD3 #4D5DCC

#B5B5FA - #4D5DCC

HSV Blend

#B5B5FA - #4D5DCC | 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 #B5B5FA as 0% and #4D5DCC as 100%.

0.0%	0.0% #B5B5FA	RGB 181 181 250	#B5B5FA
16.7%	16.7% #A1A3F2	RGB 161 163 242	#A1A3F2
33.3%	33.3% #8E92EA	RGB 142 146 234	#8E92EA
50.0%	50.0% #7D83E3	RGB 125 131 227	#7D83E3
66.7%	66.7% #6C75DB	RGB 108 117 219	#6C75DB
83.3%	83.3% #5C68D3	RGB 92 104 211	#5C68D3
100.0%	100.0% #4D5DCC	RGB 77 93 204	#4D5DCC

#B5B5FA #A1A3F2 #8E92EA #7D83E3 #6C75DB #5C68D3 #4D5DCC

#B5B5FA - #7D83E3 - #4D5DCC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5B5FA 0%, #7D83E3 50%, #4D5DCC 100%);
    background: -webkit-linear-gradient(top, #B5B5FA 0%, #7D83E3 50%, #4D5DCC 100%);
    background: linear-gradient(to bottom, #B5B5FA 0%, #7D83E3 50%, #4D5DCC 100%);
}
</style>