#C88B8C - #392728 | 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 #C88B8C to #392728

#C88B8C #392728

Calculate the color between two colors, #C88B8C and #392728. 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)

#C88B8C - #392728 | 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 #C88B8C as 0% and #392728 as 100%.

0.0%	0.0% #C88B8C	RGB 200 139 140	#C88B8C
16.7%	16.7% #B07A7B	RGB 176 122 123	#B07A7B
33.3%	33.3% #98696A	RGB 152 105 106	#98696A
50.0%	50.0% #80595A	RGB 128 89 90	#80595A
66.7%	66.7% #684849	RGB 104 72 73	#684849
83.3%	83.3% #503738	RGB 80 55 56	#503738
100.0%	100.0% #392728	RGB 57 39 40	#392728

#C88B8C #B07A7B #98696A #80595A #684849 #503738 #392728

#C88B8C - #392728

HSV Blend

#C88B8C - #392728 | 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 #C88B8C as 0% and #392728 as 100%.

0.0%	0.0% #C88B8B	RGB 200 139 139	#C88B8B
16.7%	16.7% #B07A7B	RGB 176 122 123	#B07A7B
33.3%	33.3% #98696A	RGB 152 105 106	#98696A
50.0%	50.0% #80585A	RGB 128 88 90	#80585A
66.7%	66.7% #684749	RGB 104 71 73	#684749
83.3%	83.3% #503738	RGB 80 55 56	#503738
100.0%	100.0% #392728	RGB 57 39 40	#392728

#C88B8B #B07A7B #98696A #80585A #684749 #503738 #392728

#C88B8C - #80585A - #392728

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C88B8B 0%, #80585A 50%, #392728 100%);
    background: -webkit-linear-gradient(top, #C88B8B 0%, #80585A 50%, #392728 100%);
    background: linear-gradient(to bottom, #C88B8B 0%, #80585A 50%, #392728 100%);
}
</style>