#C8CAC8 - #5E9475 | 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 #C8CAC8 to #5E9475

#C8CAC8 #5E9475

Calculate the color between two colors, #C8CAC8 and #5E9475. 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)

#C8CAC8 - #5E9475 | 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 #C8CAC8 as 0% and #5E9475 as 100%.

0.0%	0.0% #C8CAC8	RGB 200 202 200	#C8CAC8
16.7%	16.7% #B6C1BA	RGB 182 193 186	#B6C1BA
33.3%	33.3% #A4B8AC	RGB 164 184 172	#A4B8AC
50.0%	50.0% #93AF9E	RGB 147 175 158	#93AF9E
66.7%	66.7% #81A690	RGB 129 166 144	#81A690
83.3%	83.3% #6F9D82	RGB 111 157 130	#6F9D82
100.0%	100.0% #5E9475	RGB 94 148 117	#5E9475

#C8CAC8 #B6C1BA #A4B8AC #93AF9E #81A690 #6F9D82 #5E9475

#C8CAC8 - #5E9475

HSV Blend

#C8CAC8 - #5E9475 | 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 #C8CAC8 as 0% and #5E9475 as 100%.

0.0%	0.0% #C8CAC8	RGB 200 202 200	#C8CAC8
16.7%	16.7% #B3C1B4	RGB 179 193 180	#B3C1B4
33.3%	33.3% #A0B8A3	RGB 160 184 163	#A0B8A3
50.0%	50.0% #8EAF95	RGB 142 175 149	#8EAF95
66.7%	66.7% #7DA688	RGB 125 166 136	#7DA688
83.3%	83.3% #6D9D7E	RGB 109 157 126	#6D9D7E
100.0%	100.0% #5E9475	RGB 94 148 117	#5E9475

#C8CAC8 #B3C1B4 #A0B8A3 #8EAF95 #7DA688 #6D9D7E #5E9475

#C8CAC8 - #8EAF95 - #5E9475

CSS codes

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

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