#C3CEC5 - #6B8D8F | 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 #C3CEC5 to #6B8D8F

#C3CEC5 #6B8D8F

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

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

0.0%	0.0% #C3CEC5	RGB 195 206 197	#C3CEC5
16.7%	16.7% #B4C3BC	RGB 180 195 188	#B4C3BC
33.3%	33.3% #A5B8B3	RGB 165 184 179	#A5B8B3
50.0%	50.0% #97ADAA	RGB 151 173 170	#97ADAA
66.7%	66.7% #88A2A1	RGB 136 162 161	#88A2A1
83.3%	83.3% #799798	RGB 121 151 152	#799798
100.0%	100.0% #6B8D8F	RGB 107 141 143	#6B8D8F

#C3CEC5 #B4C3BC #A5B8B3 #97ADAA #88A2A1 #799798 #6B8D8F

#C3CEC5 - #6B8D8F

HSV Blend

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

0.0%	0.0% #C3CEC5	RGB 195 206 197	#C3CEC5
16.7%	16.7% #B2C3B8	RGB 178 195 184	#B2C3B8
33.3%	33.3% #A2B9AD	RGB 162 185 173	#A2B9AD
50.0%	50.0% #93AEA4	RGB 147 174 164	#93AEA4
66.7%	66.7% #85A49C	RGB 133 164 156	#85A49C
83.3%	83.3% #779996	RGB 119 153 150	#779996
100.0%	100.0% #6B8D8F	RGB 107 141 143	#6B8D8F

#C3CEC5 #B2C3B8 #A2B9AD #93AEA4 #85A49C #779996 #6B8D8F

#C3CEC5 - #93AEA4 - #6B8D8F

CSS codes

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

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