#B7B7E2 - #5366A8 | 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 #B7B7E2 to #5366A8

#B7B7E2 #5366A8

Calculate the color between two colors, #B7B7E2 and #5366A8. 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)

#B7B7E2 - #5366A8 | 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 #B7B7E2 as 0% and #5366A8 as 100%.

0.0%	0.0% #B7B7E2	RGB 183 183 226	#B7B7E2
16.7%	16.7% #A6A9D8	RGB 166 169 216	#A6A9D8
33.3%	33.3% #959CCE	RGB 149 156 206	#959CCE
50.0%	50.0% #858EC5	RGB 133 142 197	#858EC5
66.7%	66.7% #7481BB	RGB 116 129 187	#7481BB
83.3%	83.3% #6373B1	RGB 99 115 177	#6373B1
100.0%	100.0% #5366A8	RGB 83 102 168	#5366A8

#B7B7E2 #A6A9D8 #959CCE #858EC5 #7481BB #6373B1 #5366A8

#B7B7E2 - #5366A8

HSV Blend

#B7B7E2 - #5366A8 | 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 #B7B7E2 as 0% and #5366A8 as 100%.

0.0%	0.0% #B7B7E2	RGB 183 183 226	#B7B7E2
16.7%	16.7% #A3A5D8	RGB 163 165 216	#A3A5D8
33.3%	33.3% #9196CE	RGB 145 150 206	#9196CE
50.0%	50.0% #8088C5	RGB 128 136 197	#8088C5
66.7%	66.7% #707BBB	RGB 112 123 187	#707BBB
83.3%	83.3% #6170B1	RGB 97 112 177	#6170B1
100.0%	100.0% #5366A8	RGB 83 102 168	#5366A8

#B7B7E2 #A3A5D8 #9196CE #8088C5 #707BBB #6170B1 #5366A8

#B7B7E2 - #8088C5 - #5366A8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B7B7E2 0%, #8088C5 50%, #5366A8 100%);
    background: -webkit-linear-gradient(top, #B7B7E2 0%, #8088C5 50%, #5366A8 100%);
    background: linear-gradient(to bottom, #B7B7E2 0%, #8088C5 50%, #5366A8 100%);
}
</style>