#58554B - #CF9E6E | 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 #58554B to #CF9E6E

#58554B #CF9E6E

Calculate the color between two colors, #58554B and #CF9E6E. 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)

#58554B - #CF9E6E | 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 #58554B as 0% and #CF9E6E as 100%.

0.0%	0.0% #58554B	RGB 88 85 75	#58554B
16.7%	16.7% #6B6150	RGB 107 97 80	#6B6150
33.3%	33.3% #7F6D56	RGB 127 109 86	#7F6D56
50.0%	50.0% #93795C	RGB 147 121 92	#93795C
66.7%	66.7% #A78562	RGB 167 133 98	#A78562
83.3%	83.3% #BB9168	RGB 187 145 104	#BB9168
100.0%	100.0% #CF9E6E	RGB 207 158 110	#CF9E6E

#58554B #6B6150 #7F6D56 #93795C #A78562 #BB9168 #CF9E6E

#58554B - #CF9E6E

HSV Blend

#58554B - #CF9E6E | 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 #58554B as 0% and #CF9E6E as 100%.

0.0%	0.0% #58554B	RGB 88 85 75	#58554B
16.7%	16.7% #6B6556	RGB 107 101 86	#6B6556
33.3%	33.3% #7F755F	RGB 127 117 95	#7F755F
50.0%	50.0% #938266	RGB 147 130 102	#938266
66.7%	66.7% #A78E6A	RGB 167 142 106	#A78E6A
83.3%	83.3% #BB976D	RGB 187 151 109	#BB976D
100.0%	100.0% #CF9E6E	RGB 207 158 110	#CF9E6E

#58554B #6B6556 #7F755F #938266 #A78E6A #BB976D #CF9E6E

#58554B - #938266 - #CF9E6E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #58554B 0%, #938266 50%, #CF9E6E 100%);
    background: -webkit-linear-gradient(top, #58554B 0%, #938266 50%, #CF9E6E 100%);
    background: linear-gradient(to bottom, #58554B 0%, #938266 50%, #CF9E6E 100%);
}
</style>