#C3CEC5 - #6B8A8F | 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 #6B8A8F

#C3CEC5 #6B8A8F

Calculate the color between two colors, #C3CEC5 and #6B8A8F. 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 - #6B8A8F | 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 #6B8A8F as 100%.

0.0%	0.0% #C3CEC5	RGB 195 206 197	#C3CEC5
16.7%	16.7% #B4C2BC	RGB 180 194 188	#B4C2BC
33.3%	33.3% #A5B7B3	RGB 165 183 179	#A5B7B3
50.0%	50.0% #97ACAA	RGB 151 172 170	#97ACAA
66.7%	66.7% #88A0A1	RGB 136 160 161	#88A0A1
83.3%	83.3% #799598	RGB 121 149 152	#799598
100.0%	100.0% #6B8A8F	RGB 107 138 143	#6B8A8F

#C3CEC5 #B4C2BC #A5B7B3 #97ACAA #88A0A1 #799598 #6B8A8F

#C3CEC5 - #6B8A8F

HSV Blend

#C3CEC5 - #6B8A8F | 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 #6B8A8F 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% #93AEA5	RGB 147 174 165	#93AEA5
66.7%	66.7% #85A49E	RGB 133 164 158	#85A49E
83.3%	83.3% #779998	RGB 119 153 152	#779998
100.0%	100.0% #6B8A8F	RGB 107 138 143	#6B8A8F

#C3CEC5 #B2C3B8 #A2B9AD #93AEA5 #85A49E #779998 #6B8A8F

#C3CEC5 - #93AEA5 - #6B8A8F

CSS codes

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

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