#CBA1AB - #3A2E30 | 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 #CBA1AB to #3A2E30

#CBA1AB #3A2E30

Calculate the color between two colors, #CBA1AB and #3A2E30. 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)

#CBA1AB - #3A2E30 | 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 #CBA1AB as 0% and #3A2E30 as 100%.

0.0%	0.0% #CBA1AB	RGB 203 161 171	#CBA1AB
16.7%	16.7% #B28D96	RGB 178 141 150	#B28D96
33.3%	33.3% #9A7A82	RGB 154 122 130	#9A7A82
50.0%	50.0% #82676D	RGB 130 103 109	#82676D
66.7%	66.7% #6A5459	RGB 106 84 89	#6A5459
83.3%	83.3% #524144	RGB 82 65 68	#524144
100.0%	100.0% #3A2E30	RGB 58 46 48	#3A2E30

#CBA1AB #B28D96 #9A7A82 #82676D #6A5459 #524144 #3A2E30

#CBA1AB - #3A2E30

HSV Blend

#CBA1AB - #3A2E30 | 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 #CBA1AB as 0% and #3A2E30 as 100%.

0.0%	0.0% #CBA1AB	RGB 203 161 171	#CBA1AB
16.7%	16.7% #B28D96	RGB 178 141 150	#B28D96
33.3%	33.3% #9A7A81	RGB 154 122 129	#9A7A81
50.0%	50.0% #82676C	RGB 130 103 108	#82676C
66.7%	66.7% #6A5458	RGB 106 84 88	#6A5458
83.3%	83.3% #524144	RGB 82 65 68	#524144
100.0%	100.0% #3A2E30	RGB 58 46 48	#3A2E30

#CBA1AB #B28D96 #9A7A81 #82676C #6A5458 #524144 #3A2E30

#CBA1AB - #82676C - #3A2E30

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CBA1AB 0%, #82676C 50%, #3A2E30 100%);
    background: -webkit-linear-gradient(top, #CBA1AB 0%, #82676C 50%, #3A2E30 100%);
    background: linear-gradient(to bottom, #CBA1AB 0%, #82676C 50%, #3A2E30 100%);
}
</style>