#CFB7A8 - #B17153 | 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 #CFB7A8 to #B17153

#CFB7A8 #B17153

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

#CFB7A8 - #B17153 | 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 #CFB7A8 as 0% and #B17153 as 100%.

0.0%	0.0% #CFB7A8	RGB 207 183 168	#CFB7A8
16.7%	16.7% #CAAB99	RGB 202 171 153	#CAAB99
33.3%	33.3% #C59F8B	RGB 197 159 139	#C59F8B
50.0%	50.0% #C0947D	RGB 192 148 125	#C0947D
66.7%	66.7% #BB886F	RGB 187 136 111	#BB886F
83.3%	83.3% #B67C61	RGB 182 124 97	#B67C61
100.0%	100.0% #B17153	RGB 177 113 83	#B17153

#CFB7A8 #CAAB99 #C59F8B #C0947D #BB886F #B67C61 #B17153

#CFB7A8 - #B17153

HSV Blend

#CFB7A8 - #B17153 | 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 #CFB7A8 as 0% and #B17153 as 100%.

0.0%	0.0% #CFB7A8	RGB 207 183 168	#CFB7A8
16.7%	16.7% #CAAA98	RGB 202 170 152	#CAAA98
33.3%	33.3% #C59F89	RGB 197 159 137	#C59F89
50.0%	50.0% #C0937A	RGB 192 147 122	#C0937A
66.7%	66.7% #BB876D	RGB 187 135 109	#BB876D
83.3%	83.3% #B67C5F	RGB 182 124 95	#B67C5F
100.0%	100.0% #B17153	RGB 177 113 83	#B17153

#CFB7A8 #CAAA98 #C59F89 #C0937A #BB876D #B67C5F #B17153

#CFB7A8 - #C0937A - #B17153

CSS codes

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

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