#C8CFCB - #6B9196 | 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 #6B9196

#C8CFCB #6B9196

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

0.0%	0.0% #C8CFCB	RGB 200 207 203	#C8CFCB
16.7%	16.7% #B8C4C2	RGB 184 196 194	#B8C4C2
33.3%	33.3% #A9BAB9	RGB 169 186 185	#A9BAB9
50.0%	50.0% #99B0B0	RGB 153 176 176	#99B0B0
66.7%	66.7% #8AA5A7	RGB 138 165 167	#8AA5A7
83.3%	83.3% #7A9B9E	RGB 122 155 158	#7A9B9E
100.0%	100.0% #6B9196	RGB 107 145 150	#6B9196

#C8CFCB #B8C4C2 #A9BAB9 #99B0B0 #8AA5A7 #7A9B9E #6B9196

#C8CFCB - #6B9196

HSV Blend

#C8CFCB - #6B9196 | 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 #6B9196 as 100%.

0.0%	0.0% #C8CFCB	RGB 200 207 203	#C8CFCB
16.7%	16.7% #B6C5BE	RGB 182 197 190	#B6C5BE
33.3%	33.3% #A5BCB4	RGB 165 188 180	#A5BCB4
50.0%	50.0% #95B2AB	RGB 149 178 171	#95B2AB
66.7%	66.7% #86A9A5	RGB 134 169 165	#86A9A5
83.3%	83.3% #789F9F	RGB 120 159 159	#789F9F
100.0%	100.0% #6B9196	RGB 107 145 150	#6B9196

#C8CFCB #B6C5BE #A5BCB4 #95B2AB #86A9A5 #789F9F #6B9196

#C8CFCB - #95B2AB - #6B9196

CSS codes

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

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