#5A5E6C - #B49F8C | 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 #5A5E6C to #B49F8C

#5A5E6C #B49F8C

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

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

0.0%	0.0% #5A5E6C	RGB 90 94 108	#5A5E6C
16.7%	16.7% #696871	RGB 105 104 113	#696871
33.3%	33.3% #787376	RGB 120 115 118	#787376
50.0%	50.0% #877E7C	RGB 135 126 124	#877E7C
66.7%	66.7% #968981	RGB 150 137 129	#968981
83.3%	83.3% #A59486	RGB 165 148 134	#A59486
100.0%	100.0% #B49F8C	RGB 180 159 140	#B49F8C

#5A5E6C #696871 #787376 #877E7C #968981 #A59486 #B49F8C

#5A5E6C - #B49F8C

HSV Blend

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

0.0%	0.0% #5A5E6C	RGB 90 94 108	#5A5E6C
16.7%	16.7% #676278	RGB 103 98 120	#676278
33.3%	33.3% #7C6B84	RGB 124 107 132	#7C6B84
50.0%	50.0% #90748C	RGB 144 116 140	#90748C
66.7%	66.7% #9C7C89	RGB 156 124 137	#9C7C89
83.3%	83.3% #A88584	RGB 168 133 132	#A88584
100.0%	100.0% #B49F8C	RGB 180 159 140	#B49F8C

#5A5E6C #676278 #7C6B84 #90748C #9C7C89 #A88584 #B49F8C

#5A5E6C - #90748C - #B49F8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A5E6C 0%, #90748C 50%, #B49F8C 100%);
    background: -webkit-linear-gradient(top, #5A5E6C 0%, #90748C 50%, #B49F8C 100%);
    background: linear-gradient(to bottom, #5A5E6C 0%, #90748C 50%, #B49F8C 100%);
}
</style>