#B6BADB - #556B9F | 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 #B6BADB to #556B9F

#B6BADB #556B9F

Calculate the color between two colors, #B6BADB and #556B9F. 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)

#B6BADB - #556B9F | 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 #B6BADB as 0% and #556B9F as 100%.

0.0%	0.0% #B6BADB	RGB 182 186 219	#B6BADB
16.7%	16.7% #A5ACD1	RGB 165 172 209	#A5ACD1
33.3%	33.3% #959FC7	RGB 149 159 199	#959FC7
50.0%	50.0% #8592BD	RGB 133 146 189	#8592BD
66.7%	66.7% #7585B3	RGB 117 133 179	#7585B3
83.3%	83.3% #6578A9	RGB 101 120 169	#6578A9
100.0%	100.0% #556B9F	RGB 85 107 159	#556B9F

#B6BADB #A5ACD1 #959FC7 #8592BD #7585B3 #6578A9 #556B9F

#B6BADB - #556B9F

HSV Blend

#B6BADB - #556B9F | 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 #B6BADB as 0% and #556B9F as 100%.

0.0%	0.0% #B6BADB	RGB 182 186 219	#B6BADB
16.7%	16.7% #A3A9D1	RGB 163 169 209	#A3A9D1
33.3%	33.3% #919AC7	RGB 145 154 199	#919AC7
50.0%	50.0% #818DBD	RGB 129 141 189	#818DBD
66.7%	66.7% #7180B3	RGB 113 128 179	#7180B3
83.3%	83.3% #6275A9	RGB 98 117 169	#6275A9
100.0%	100.0% #556B9F	RGB 85 107 159	#556B9F

#B6BADB #A3A9D1 #919AC7 #818DBD #7180B3 #6275A9 #556B9F

#B6BADB - #818DBD - #556B9F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6BADB 0%, #818DBD 50%, #556B9F 100%);
    background: -webkit-linear-gradient(top, #B6BADB 0%, #818DBD 50%, #556B9F 100%);
    background: linear-gradient(to bottom, #B6BADB 0%, #818DBD 50%, #556B9F 100%);
}
</style>