#C8CFCB - #718293 | 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 #C8CFCB to #718293

#C8CFCB #718293

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

#C8CFCB - #718293 | 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 #C8CFCB as 0% and #718293 as 100%.

0.0%	0.0% #C8CFCB	RGB 200 207 203	#C8CFCB
16.7%	16.7% #B9C2C1	RGB 185 194 193	#B9C2C1
33.3%	33.3% #ABB5B8	RGB 171 181 184	#ABB5B8
50.0%	50.0% #9CA8AF	RGB 156 168 175	#9CA8AF
66.7%	66.7% #8E9BA5	RGB 142 155 165	#8E9BA5
83.3%	83.3% #7F8E9C	RGB 127 142 156	#7F8E9C
100.0%	100.0% #718293	RGB 113 130 147	#718293

#C8CFCB #B9C2C1 #ABB5B8 #9CA8AF #8E9BA5 #7F8E9C #718293

#C8CFCB - #718293

HSV Blend

#C8CFCB - #718293 | 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 #C8CFCB as 0% and #718293 as 100%.

0.0%	0.0% #C8CFCB	RGB 200 207 203	#C8CFCB
16.7%	16.7% #B7C5BF	RGB 183 197 191	#B7C5BF
33.3%	33.3% #A8BBB7	RGB 168 187 183	#A8BBB7
50.0%	50.0% #99B1B0	RGB 153 177 176	#99B1B0
66.7%	66.7% #8BA3A7	RGB 139 163 167	#8BA3A7
83.3%	83.3% #7D929D	RGB 125 146 157	#7D929D
100.0%	100.0% #718293	RGB 113 130 147	#718293

#C8CFCB #B7C5BF #A8BBB7 #99B1B0 #8BA3A7 #7D929D #718293

#C8CFCB - #99B1B0 - #718293

CSS codes

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

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