#CBA9A8 - #B35D52 | 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 #CBA9A8 to #B35D52

#CBA9A8 #B35D52

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

#CBA9A8 - #B35D52 | 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 #CBA9A8 as 0% and #B35D52 as 100%.

0.0%	0.0% #CBA9A8	RGB 203 169 168	#CBA9A8
16.7%	16.7% #C79C99	RGB 199 156 153	#C79C99
33.3%	33.3% #C38F8B	RGB 195 143 139	#C38F8B
50.0%	50.0% #BF837D	RGB 191 131 125	#BF837D
66.7%	66.7% #BB766E	RGB 187 118 110	#BB766E
83.3%	83.3% #B76960	RGB 183 105 96	#B76960
100.0%	100.0% #B35D52	RGB 179 93 82	#B35D52

#CBA9A8 #C79C99 #C38F8B #BF837D #BB766E #B76960 #B35D52

#CBA9A8 - #B35D52

HSV Blend

#CBA9A8 - #B35D52 | 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 #CBA9A8 as 0% and #B35D52 as 100%.

0.0%	0.0% #CBA9A8	RGB 203 169 168	#CBA9A8
16.7%	16.7% #C79A98	RGB 199 154 152	#C79A98
33.3%	33.3% #C38C89	RGB 195 140 137	#C38C89
50.0%	50.0% #BF7F7A	RGB 191 127 122	#BF7F7A
66.7%	66.7% #BB736C	RGB 187 115 108	#BB736C
83.3%	83.3% #B7675F	RGB 183 103 95	#B7675F
100.0%	100.0% #B35D52	RGB 179 93 82	#B35D52

#CBA9A8 #C79A98 #C38C89 #BF7F7A #BB736C #B7675F #B35D52

#CBA9A8 - #BF7F7A - #B35D52

CSS codes

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

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