#5E5855 - #BD7B88 | 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 #5E5855 to #BD7B88

#5E5855 #BD7B88

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

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

0.0%	0.0% #5E5855	RGB 94 88 85	#5E5855
16.7%	16.7% #6D5D5D	RGB 109 93 93	#6D5D5D
33.3%	33.3% #7D6366	RGB 125 99 102	#7D6366
50.0%	50.0% #8D696E	RGB 141 105 110	#8D696E
66.7%	66.7% #9D6F77	RGB 157 111 119	#9D6F77
83.3%	83.3% #AD757F	RGB 173 117 127	#AD757F
100.0%	100.0% #BD7B88	RGB 189 123 136	#BD7B88

#5E5855 #6D5D5D #7D6366 #8D696E #9D6F77 #AD757F #BD7B88

#5E5855 - #BD7B88

HSV Blend

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

0.0%	0.0% #5E5855	RGB 94 88 85	#5E5855
16.7%	16.7% #6D625E	RGB 109 98 94	#6D625E
33.3%	33.3% #7D6A67	RGB 125 106 103	#7D6A67
50.0%	50.0% #8D706E	RGB 141 112 110	#8D706E
66.7%	66.7% #9D7374	RGB 157 115 116	#9D7374
83.3%	83.3% #AD787D	RGB 173 120 125	#AD787D
100.0%	100.0% #BD7B88	RGB 189 123 136	#BD7B88

#5E5855 #6D625E #7D6A67 #8D706E #9D7374 #AD787D #BD7B88

#5E5855 - #8D706E - #BD7B88

CSS codes

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

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