#C3CEC7 - #6F8F7F | 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 #C3CEC7 to #6F8F7F

#C3CEC7 #6F8F7F

Calculate the color between two colors, #C3CEC7 and #6F8F7F. 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)

#C3CEC7 - #6F8F7F | 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 #C3CEC7 as 0% and #6F8F7F as 100%.

0.0%	0.0% #C3CEC7	RGB 195 206 199	#C3CEC7
16.7%	16.7% #B5C3BB	RGB 181 195 187	#B5C3BB
33.3%	33.3% #A7B9AF	RGB 167 185 175	#A7B9AF
50.0%	50.0% #99AEA3	RGB 153 174 163	#99AEA3
66.7%	66.7% #8BA497	RGB 139 164 151	#8BA497
83.3%	83.3% #7D998B	RGB 125 153 139	#7D998B
100.0%	100.0% #6F8F7F	RGB 111 143 127	#6F8F7F

#C3CEC7 #B5C3BB #A7B9AF #99AEA3 #8BA497 #7D998B #6F8F7F

#C3CEC7 - #6F8F7F

HSV Blend

#C3CEC7 - #6F8F7F | 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 #C3CEC7 as 0% and #6F8F7F as 100%.

0.0%	0.0% #C3CEC7	RGB 195 206 199	#C3CEC7
16.7%	16.7% #B3C3B9	RGB 179 195 185	#B3C3B9
33.3%	33.3% #A4B9AC	RGB 164 185 172	#A4B9AC
50.0%	50.0% #96AEA0	RGB 150 174 160	#96AEA0
66.7%	66.7% #88A495	RGB 136 164 149	#88A495
83.3%	83.3% #7B9989	RGB 123 153 137	#7B9989
100.0%	100.0% #6F8F7F	RGB 111 143 127	#6F8F7F

#C3CEC7 #B3C3B9 #A4B9AC #96AEA0 #88A495 #7B9989 #6F8F7F

#C3CEC7 - #96AEA0 - #6F8F7F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3CEC7 0%, #96AEA0 50%, #6F8F7F 100%);
    background: -webkit-linear-gradient(top, #C3CEC7 0%, #96AEA0 50%, #6F8F7F 100%);
    background: linear-gradient(to bottom, #C3CEC7 0%, #96AEA0 50%, #6F8F7F 100%);
}
</style>