#5E5955 - #BF7E7E | 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 #5E5955 to #BF7E7E

#5E5955 #BF7E7E

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

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

0.0%	0.0% #5E5955	RGB 94 89 85	#5E5955
16.7%	16.7% #6E5F5B	RGB 110 95 91	#6E5F5B
33.3%	33.3% #7E6562	RGB 126 101 98	#7E6562
50.0%	50.0% #8E6B69	RGB 142 107 105	#8E6B69
66.7%	66.7% #9E7170	RGB 158 113 112	#9E7170
83.3%	83.3% #AE7777	RGB 174 119 119	#AE7777
100.0%	100.0% #BF7E7E	RGB 191 126 126	#BF7E7E

#5E5955 #6E5F5B #7E6562 #8E6B69 #9E7170 #AE7777 #BF7E7E

#5E5955 - #BF7E7E

HSV Blend

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

0.0%	0.0% #5E5955	RGB 94 89 85	#5E5955
16.7%	16.7% #6E645F	RGB 110 100 95	#6E645F
33.3%	33.3% #7E6E67	RGB 126 110 103	#7E6E67
50.0%	50.0% #8E766F	RGB 142 118 111	#8E766F
66.7%	66.7% #9E7B75	RGB 158 123 117	#9E7B75
83.3%	83.3% #AE7E7A	RGB 174 126 122	#AE7E7A
100.0%	100.0% #BF7E7E	RGB 191 126 126	#BF7E7E

#5E5955 #6E645F #7E6E67 #8E766F #9E7B75 #AE7E7A #BF7E7E

#5E5955 - #8E766F - #BF7E7E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5955 0%, #8E766F 50%, #BF7E7E 100%);
    background: -webkit-linear-gradient(top, #5E5955 0%, #8E766F 50%, #BF7E7E 100%);
    background: linear-gradient(to bottom, #5E5955 0%, #8E766F 50%, #BF7E7E 100%);
}
</style>