#5D5E74 - #B29E91 | 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 #5D5E74 to #B29E91

#5D5E74 #B29E91

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

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

0.0%	0.0% #5D5E74	RGB 93 94 116	#5D5E74
16.7%	16.7% #6B6878	RGB 107 104 120	#6B6878
33.3%	33.3% #79737D	RGB 121 115 125	#79737D
50.0%	50.0% #877E82	RGB 135 126 130	#877E82
66.7%	66.7% #958887	RGB 149 136 135	#958887
83.3%	83.3% #A3938C	RGB 163 147 140	#A3938C
100.0%	100.0% #B29E91	RGB 178 158 145	#B29E91

#5D5E74 #6B6878 #79737D #877E82 #958887 #A3938C #B29E91

#5D5E74 - #B29E91

HSV Blend

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

0.0%	0.0% #5D5E74	RGB 93 94 116	#5D5E74
16.7%	16.7% #6E657E	RGB 110 101 126	#6E657E
33.3%	33.3% #826E88	RGB 130 110 136	#826E88
50.0%	50.0% #93768E	RGB 147 118 142	#93768E
66.7%	66.7% #9D7F8B	RGB 157 127 139	#9D7F8B
83.3%	83.3% #A78888	RGB 167 136 136	#A78888
100.0%	100.0% #B29E91	RGB 178 158 145	#B29E91

#5D5E74 #6E657E #826E88 #93768E #9D7F8B #A78888 #B29E91

#5D5E74 - #93768E - #B29E91

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D5E74 0%, #93768E 50%, #B29E91 100%);
    background: -webkit-linear-gradient(top, #5D5E74 0%, #93768E 50%, #B29E91 100%);
    background: linear-gradient(to bottom, #5D5E74 0%, #93768E 50%, #B29E91 100%);
}
</style>