#C3CEC4 - #6B8C8F | 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 #C3CEC4 to #6B8C8F

#C3CEC4 #6B8C8F

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

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

0.0%	0.0% #C3CEC4	RGB 195 206 196	#C3CEC4
16.7%	16.7% #B4C3BB	RGB 180 195 187	#B4C3BB
33.3%	33.3% #A5B8B2	RGB 165 184 178	#A5B8B2
50.0%	50.0% #97ADA9	RGB 151 173 169	#97ADA9
66.7%	66.7% #88A2A0	RGB 136 162 160	#88A2A0
83.3%	83.3% #799797	RGB 121 151 151	#799797
100.0%	100.0% #6B8C8F	RGB 107 140 143	#6B8C8F

#C3CEC4 #B4C3BB #A5B8B2 #97ADA9 #88A2A0 #799797 #6B8C8F

#C3CEC4 - #6B8C8F

HSV Blend

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

0.0%	0.0% #C3CEC4	RGB 195 206 196	#C3CEC4
16.7%	16.7% #B2C3B6	RGB 178 195 182	#B2C3B6
33.3%	33.3% #A2B9AC	RGB 162 185 172	#A2B9AC
50.0%	50.0% #93AEA3	RGB 147 174 163	#93AEA3
66.7%	66.7% #85A49C	RGB 133 164 156	#85A49C
83.3%	83.3% #779996	RGB 119 153 150	#779996
100.0%	100.0% #6B8C8F	RGB 107 140 143	#6B8C8F

#C3CEC4 #B2C3B6 #A2B9AC #93AEA3 #85A49C #779996 #6B8C8F

#C3CEC4 - #93AEA3 - #6B8C8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3CEC4 0%, #93AEA3 50%, #6B8C8F 100%);
    background: -webkit-linear-gradient(top, #C3CEC4 0%, #93AEA3 50%, #6B8C8F 100%);
    background: linear-gradient(to bottom, #C3CEC4 0%, #93AEA3 50%, #6B8C8F 100%);
}
</style>