#5E6684 - #B5A8A1 | 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 #5E6684 to #B5A8A1

#5E6684 #B5A8A1

Calculate the color between two colors, #5E6684 and #B5A8A1. 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)

#5E6684 - #B5A8A1 | 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 #5E6684 as 0% and #B5A8A1 as 100%.

0.0%	0.0% #5E6684	RGB 94 102 132	#5E6684
16.7%	16.7% #6C7188	RGB 108 113 136	#6C7188
33.3%	33.3% #7B7C8D	RGB 123 124 141	#7B7C8D
50.0%	50.0% #898792	RGB 137 135 146	#898792
66.7%	66.7% #989297	RGB 152 146 151	#989297
83.3%	83.3% #A69D9C	RGB 166 157 156	#A69D9C
100.0%	100.0% #B5A8A1	RGB 181 168 161	#B5A8A1

#5E6684 #6C7188 #7B7C8D #898792 #989297 #A69D9C #B5A8A1

#5E6684 - #B5A8A1

HSV Blend

#5E6684 - #B5A8A1 | 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 #5E6684 as 0% and #B5A8A1 as 100%.

0.0%	0.0% #5E6684	RGB 94 102 132	#5E6684
16.7%	16.7% #6F678C	RGB 111 103 140	#6F678C
33.3%	33.3% #887294	RGB 136 114 148	#887294
50.0%	50.0% #9C7D9A	RGB 156 125 154	#9C7D9A
66.7%	66.7% #A48896	RGB 164 136 150	#A48896
83.3%	83.3% #AC9496	RGB 172 148 150	#AC9496
100.0%	100.0% #B5A8A1	RGB 181 168 161	#B5A8A1

#5E6684 #6F678C #887294 #9C7D9A #A48896 #AC9496 #B5A8A1

#5E6684 - #9C7D9A - #B5A8A1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6684 0%, #9C7D9A 50%, #B5A8A1 100%);
    background: -webkit-linear-gradient(top, #5E6684 0%, #9C7D9A 50%, #B5A8A1 100%);
    background: linear-gradient(to bottom, #5E6684 0%, #9C7D9A 50%, #B5A8A1 100%);
}
</style>