#C0BDA8 - #8C8A54 | 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 #C0BDA8 to #8C8A54

#C0BDA8 #8C8A54

Calculate the color between two colors, #C0BDA8 and #8C8A54. 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)

#C0BDA8 - #8C8A54 | 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 #C0BDA8 as 0% and #8C8A54 as 100%.

0.0%	0.0% #C0BDA8	RGB 192 189 168	#C0BDA8
16.7%	16.7% #B7B49A	RGB 183 180 154	#B7B49A
33.3%	33.3% #AEAC8C	RGB 174 172 140	#AEAC8C
50.0%	50.0% #A6A37E	RGB 166 163 126	#A6A37E
66.7%	66.7% #9D9B70	RGB 157 155 112	#9D9B70
83.3%	83.3% #949262	RGB 148 146 98	#949262
100.0%	100.0% #8C8A54	RGB 140 138 84	#8C8A54

#C0BDA8 #B7B49A #AEAC8C #A6A37E #9D9B70 #949262 #8C8A54

#C0BDA8 - #8C8A54

HSV Blend

#C0BDA8 - #8C8A54 | 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 #C0BDA8 as 0% and #8C8A54 as 100%.

0.0%	0.0% #C0BDA8	RGB 192 189 168	#C0BDA8
16.7%	16.7% #B7B398	RGB 183 179 152	#B7B398
33.3%	33.3% #AEAB88	RGB 174 171 136	#AEAB88
50.0%	50.0% #A6A27A	RGB 166 162 122	#A6A27A
66.7%	66.7% #9D9A6C	RGB 157 154 108	#9D9A6C
83.3%	83.3% #949260	RGB 148 146 96	#949260
100.0%	100.0% #8C8A54	RGB 140 138 84	#8C8A54

#C0BDA8 #B7B398 #AEAB88 #A6A27A #9D9A6C #949260 #8C8A54

#C0BDA8 - #A6A27A - #8C8A54

CSS codes

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

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