#5A5E5D - #BB8F85 | 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 #5A5E5D to #BB8F85

#5A5E5D #BB8F85

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

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

0.0%	0.0% #5A5E5D	RGB 90 94 93	#5A5E5D
16.7%	16.7% #6A6663	RGB 106 102 99	#6A6663
33.3%	33.3% #7A6E6A	RGB 122 110 106	#7A6E6A
50.0%	50.0% #8A7671	RGB 138 118 113	#8A7671
66.7%	66.7% #9A7E77	RGB 154 126 119	#9A7E77
83.3%	83.3% #AA867E	RGB 170 134 126	#AA867E
100.0%	100.0% #BB8F85	RGB 187 143 133	#BB8F85

#5A5E5D #6A6663 #7A6E6A #8A7671 #9A7E77 #AA867E #BB8F85

#5A5E5D - #BB8F85

HSV Blend

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

0.0%	0.0% #5A5E5D	RGB 90 94 93	#5A5E5D
16.7%	16.7% #646D67	RGB 100 109 103	#646D67
33.3%	33.3% #6F7D6D	RGB 111 125 109	#6F7D6D
50.0%	50.0% #818C75	RGB 129 140 117	#818C75
66.7%	66.7% #9A9C7B	RGB 154 156 123	#9A9C7B
83.3%	83.3% #AB9B81	RGB 171 155 129	#AB9B81
100.0%	100.0% #BB8F85	RGB 187 143 133	#BB8F85

#5A5E5D #646D67 #6F7D6D #818C75 #9A9C7B #AB9B81 #BB8F85

#5A5E5D - #818C75 - #BB8F85

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A5E5D 0%, #818C75 50%, #BB8F85 100%);
    background: -webkit-linear-gradient(top, #5A5E5D 0%, #818C75 50%, #BB8F85 100%);
    background: linear-gradient(to bottom, #5A5E5D 0%, #818C75 50%, #BB8F85 100%);
}
</style>