#CBA3AC - #954D5E | 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 #CBA3AC to #954D5E

#CBA3AC #954D5E

Calculate the color between two colors, #CBA3AC and #954D5E. 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)

#CBA3AC - #954D5E | 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 #CBA3AC as 0% and #954D5E as 100%.

0.0%	0.0% #CBA3AC	RGB 203 163 172	#CBA3AC
16.7%	16.7% #C2949F	RGB 194 148 159	#C2949F
33.3%	33.3% #B98692	RGB 185 134 146	#B98692
50.0%	50.0% #B07885	RGB 176 120 133	#B07885
66.7%	66.7% #A76978	RGB 167 105 120	#A76978
83.3%	83.3% #9E5B6B	RGB 158 91 107	#9E5B6B
100.0%	100.0% #954D5E	RGB 149 77 94	#954D5E

#CBA3AC #C2949F #B98692 #B07885 #A76978 #9E5B6B #954D5E

#CBA3AC - #954D5E

HSV Blend

#CBA3AC - #954D5E | 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 #CBA3AC as 0% and #954D5E as 100%.

0.0%	0.0% #CBA3AC	RGB 203 163 172	#CBA3AC
16.7%	16.7% #C2929D	RGB 194 146 157	#C2929D
33.3%	33.3% #B9828F	RGB 185 130 143	#B9828F
50.0%	50.0% #B07481	RGB 176 116 129	#B07481
66.7%	66.7% #A76675	RGB 167 102 117	#A76675
83.3%	83.3% #9E5969	RGB 158 89 105	#9E5969
100.0%	100.0% #954D5E	RGB 149 77 94	#954D5E

#CBA3AC #C2929D #B9828F #B07481 #A76675 #9E5969 #954D5E

#CBA3AC - #B07481 - #954D5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CBA3AC 0%, #B07481 50%, #954D5E 100%);
    background: -webkit-linear-gradient(top, #CBA3AC 0%, #B07481 50%, #954D5E 100%);
    background: linear-gradient(to bottom, #CBA3AC 0%, #B07481 50%, #954D5E 100%);
}
</style>