#C6B6B5 - #C2FFD2 | 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 #C6B6B5 to #C2FFD2

#C6B6B5 #C2FFD2

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

#C6B6B5 - #C2FFD2 | 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 #C6B6B5 as 0% and #C2FFD2 as 100%.

0.0%	0.0% #C6B6B5	RGB 198 182 181	#C6B6B5
16.7%	16.7% #C5C2B9	RGB 197 194 185	#C5C2B9
33.3%	33.3% #C4CEBE	RGB 196 206 190	#C4CEBE
50.0%	50.0% #C4DAC3	RGB 196 218 195	#C4DAC3
66.7%	66.7% #C3E6C8	RGB 195 230 200	#C3E6C8
83.3%	83.3% #C2F2CD	RGB 194 242 205	#C2F2CD
100.0%	100.0% #C2FFD2	RGB 194 255 210	#C2FFD2

#C6B6B5 #C5C2B9 #C4CEBE #C4DAC3 #C3E6C8 #C2F2CD #C2FFD2

#C6B6B5 - #C2FFD2

HSV Blend

#C6B6B5 - #C2FFD2 | 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 #C6B6B5 as 0% and #C2FFD2 as 100%.

0.0%	0.0% #C6B6B5	RGB 198 182 181	#C6B6B5
16.7%	16.7% #CFC2B8	RGB 207 194 184	#CFC2B8
33.3%	33.3% #D9D2BB	RGB 217 210 187	#D9D2BB
50.0%	50.0% #DCE2BD	RGB 220 226 189	#DCE2BD
66.7%	66.7% #D4ECBF	RGB 212 236 191	#D4ECBF
83.3%	83.3% #C6F5C1	RGB 198 245 193	#C6F5C1
100.0%	100.0% #C2FFD2	RGB 194 255 210	#C2FFD2

#C6B6B5 #CFC2B8 #D9D2BB #DCE2BD #D4ECBF #C6F5C1 #C2FFD2

#C6B6B5 - #DCE2BD - #C2FFD2

CSS codes

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

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