#C9BBB5 - #AC7461 | 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 #C9BBB5 to #AC7461

#C9BBB5 #AC7461

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

#C9BBB5 - #AC7461 | 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 #C9BBB5 as 0% and #AC7461 as 100%.

0.0%	0.0% #C9BBB5	RGB 201 187 181	#C9BBB5
16.7%	16.7% #C4AFA7	RGB 196 175 167	#C4AFA7
33.3%	33.3% #BFA399	RGB 191 163 153	#BFA399
50.0%	50.0% #BA978B	RGB 186 151 139	#BA978B
66.7%	66.7% #B58B7D	RGB 181 139 125	#B58B7D
83.3%	83.3% #B07F6F	RGB 176 127 111	#B07F6F
100.0%	100.0% #AC7461	RGB 172 116 97	#AC7461

#C9BBB5 #C4AFA7 #BFA399 #BA978B #B58B7D #B07F6F #AC7461

#C9BBB5 - #AC7461

HSV Blend

#C9BBB5 - #AC7461 | 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 #C9BBB5 as 0% and #AC7461 as 100%.

0.0%	0.0% #C9BBB5	RGB 201 187 181	#C9BBB5
16.7%	16.7% #C4AEA5	RGB 196 174 165	#C4AEA5
33.3%	33.3% #BFA296	RGB 191 162 150	#BFA296
50.0%	50.0% #BA9688	RGB 186 150 136	#BA9688
66.7%	66.7% #B58A7A	RGB 181 138 122	#B58A7A
83.3%	83.3% #B07F6D	RGB 176 127 109	#B07F6D
100.0%	100.0% #AC7461	RGB 172 116 97	#AC7461

#C9BBB5 #C4AEA5 #BFA296 #BA9688 #B58A7A #B07F6D #AC7461

#C9BBB5 - #BA9688 - #AC7461

CSS codes

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

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