#C0BDBD - #7D5E69 | 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 #C0BDBD to #7D5E69

#C0BDBD #7D5E69

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

#C0BDBD - #7D5E69 | 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 #C0BDBD as 0% and #7D5E69 as 100%.

0.0%	0.0% #C0BDBD	RGB 192 189 189	#C0BDBD
16.7%	16.7% #B4ADAF	RGB 180 173 175	#B4ADAF
33.3%	33.3% #A99DA1	RGB 169 157 161	#A99DA1
50.0%	50.0% #9E8D93	RGB 158 141 147	#9E8D93
66.7%	66.7% #937D85	RGB 147 125 133	#937D85
83.3%	83.3% #886D77	RGB 136 109 119	#886D77
100.0%	100.0% #7D5E69	RGB 125 94 105	#7D5E69

#C0BDBD #B4ADAF #A99DA1 #9E8D93 #937D85 #886D77 #7D5E69

#C0BDBD - #7D5E69

HSV Blend

#C0BDBD - #7D5E69 | 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 #C0BDBD as 0% and #7D5E69 as 100%.

0.0%	0.0% #C0BDBD	RGB 192 189 189	#C0BDBD
16.7%	16.7% #B4ABAB	RGB 180 171 171	#B4ABAB
33.3%	33.3% #A9999B	RGB 169 153 155	#A9999B
50.0%	50.0% #9E898D	RGB 158 137 141	#9E898D
66.7%	66.7% #937A80	RGB 147 122 128	#937A80
83.3%	83.3% #886B74	RGB 136 107 116	#886B74
100.0%	100.0% #7D5E69	RGB 125 94 105	#7D5E69

#C0BDBD #B4ABAB #A9999B #9E898D #937A80 #886B74 #7D5E69

#C0BDBD - #9E898D - #7D5E69

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0BDBD 0%, #9E898D 50%, #7D5E69 100%);
    background: -webkit-linear-gradient(top, #C0BDBD 0%, #9E898D 50%, #7D5E69 100%);
    background: linear-gradient(to bottom, #C0BDBD 0%, #9E898D 50%, #7D5E69 100%);
}
</style>