#C9ABA5 - #AE604F | 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 #C9ABA5 to #AE604F

#C9ABA5 #AE604F

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

#C9ABA5 - #AE604F | 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 #C9ABA5 as 0% and #AE604F as 100%.

0.0%	0.0% #C9ABA5	RGB 201 171 165	#C9ABA5
16.7%	16.7% #C49E96	RGB 196 158 150	#C49E96
33.3%	33.3% #C09288	RGB 192 146 136	#C09288
50.0%	50.0% #BB857A	RGB 187 133 122	#BB857A
66.7%	66.7% #B7796B	RGB 183 121 107	#B7796B
83.3%	83.3% #B26C5D	RGB 178 108 93	#B26C5D
100.0%	100.0% #AE604F	RGB 174 96 79	#AE604F

#C9ABA5 #C49E96 #C09288 #BB857A #B7796B #B26C5D #AE604F

#C9ABA5 - #AE604F

HSV Blend

#C9ABA5 - #AE604F | 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 #C9ABA5 as 0% and #AE604F as 100%.

0.0%	0.0% #C9ABA5	RGB 201 171 165	#C9ABA5
16.7%	16.7% #C49D95	RGB 196 157 149	#C49D95
33.3%	33.3% #C09086	RGB 192 144 134	#C09086
50.0%	50.0% #BB8377	RGB 187 131 119	#BB8377
66.7%	66.7% #B77769	RGB 183 119 105	#B77769
83.3%	83.3% #B26B5B	RGB 178 107 91	#B26B5B
100.0%	100.0% #AE604F	RGB 174 96 79	#AE604F

#C9ABA5 #C49D95 #C09086 #BB8377 #B77769 #B26B5B #AE604F

#C9ABA5 - #BB8377 - #AE604F

CSS codes

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

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