#B5B5DC - #5266A0 | 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 #B5B5DC to #5266A0

#B5B5DC #5266A0

Calculate the color between two colors, #B5B5DC and #5266A0. 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)

#B5B5DC - #5266A0 | 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 #B5B5DC as 0% and #5266A0 as 100%.

0.0%	0.0% #B5B5DC	RGB 181 181 220	#B5B5DC
16.7%	16.7% #A4A7D2	RGB 164 167 210	#A4A7D2
33.3%	33.3% #949AC8	RGB 148 154 200	#949AC8
50.0%	50.0% #838DBE	RGB 131 141 190	#838DBE
66.7%	66.7% #7380B4	RGB 115 128 180	#7380B4
83.3%	83.3% #6273AA	RGB 98 115 170	#6273AA
100.0%	100.0% #5266A0	RGB 82 102 160	#5266A0

#B5B5DC #A4A7D2 #949AC8 #838DBE #7380B4 #6273AA #5266A0

#B5B5DC - #5266A0

HSV Blend

#B5B5DC - #5266A0 | 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 #B5B5DC as 0% and #5266A0 as 100%.

0.0%	0.0% #B5B5DC	RGB 181 181 220	#B5B5DC
16.7%	16.7% #A1A3D2	RGB 161 163 210	#A1A3D2
33.3%	33.3% #8F94C8	RGB 143 148 200	#8F94C8
50.0%	50.0% #7E86BE	RGB 126 134 190	#7E86BE
66.7%	66.7% #6E7AB4	RGB 110 122 180	#6E7AB4
83.3%	83.3% #5F6FAA	RGB 95 111 170	#5F6FAA
100.0%	100.0% #5266A0	RGB 82 102 160	#5266A0

#B5B5DC #A1A3D2 #8F94C8 #7E86BE #6E7AB4 #5F6FAA #5266A0

#B5B5DC - #7E86BE - #5266A0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5B5DC 0%, #7E86BE 50%, #5266A0 100%);
    background: -webkit-linear-gradient(top, #B5B5DC 0%, #7E86BE 50%, #5266A0 100%);
    background: linear-gradient(to bottom, #B5B5DC 0%, #7E86BE 50%, #5266A0 100%);
}
</style>