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

#CA8A8C #392728

Calculate the color between two colors, #CA8A8C 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)

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

0.0%	0.0% #CA8A8C	RGB 202 138 140	#CA8A8C
16.7%	16.7% #B1797B	RGB 177 121 123	#B1797B
33.3%	33.3% #99696A	RGB 153 105 106	#99696A
50.0%	50.0% #81585A	RGB 129 88 90	#81585A
66.7%	66.7% #694849	RGB 105 72 73	#694849
83.3%	83.3% #513738	RGB 81 55 56	#513738
100.0%	100.0% #392728	RGB 57 39 40	#392728

#CA8A8C #B1797B #99696A #81585A #694849 #513738 #392728

#CA8A8C - #392728

HSV Blend

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

0.0%	0.0% #CA8A8C	RGB 202 138 140	#CA8A8C
16.7%	16.7% #B1797B	RGB 177 121 123	#B1797B
33.3%	33.3% #99696A	RGB 153 105 106	#99696A
50.0%	50.0% #81585A	RGB 129 88 90	#81585A
66.7%	66.7% #694849	RGB 105 72 73	#694849
83.3%	83.3% #513738	RGB 81 55 56	#513738
100.0%	100.0% #392728	RGB 57 39 40	#392728

#CA8A8C #B1797B #99696A #81585A #694849 #513738 #392728

#CA8A8C - #81585A - #392728

CSS codes

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

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