#C4CCD9 - #6B809D | 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 #C4CCD9 to #6B809D

#C4CCD9 #6B809D

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

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

0.0%	0.0% #C4CCD9	RGB 196 204 217	#C4CCD9
16.7%	16.7% #B5BFCF	RGB 181 191 207	#B5BFCF
33.3%	33.3% #A6B2C5	RGB 166 178 197	#A6B2C5
50.0%	50.0% #97A6BB	RGB 151 166 187	#97A6BB
66.7%	66.7% #8899B1	RGB 136 153 177	#8899B1
83.3%	83.3% #798CA7	RGB 121 140 167	#798CA7
100.0%	100.0% #6B809D	RGB 107 128 157	#6B809D

#C4CCD9 #B5BFCF #A6B2C5 #97A6BB #8899B1 #798CA7 #6B809D

#C4CCD9 - #6B809D

HSV Blend

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

0.0%	0.0% #C4CCD9	RGB 196 204 217	#C4CCD9
16.7%	16.7% #B3BECF	RGB 179 190 207	#B3BECF
33.3%	33.3% #A3B0C5	RGB 163 176 197	#A3B0C5
50.0%	50.0% #94A3BB	RGB 148 163 187	#94A3BB
66.7%	66.7% #8597B1	RGB 133 151 177	#8597B1
83.3%	83.3% #778BA7	RGB 119 139 167	#778BA7
100.0%	100.0% #6B809D	RGB 107 128 157	#6B809D

#C4CCD9 #B3BECF #A3B0C5 #94A3BB #8597B1 #778BA7 #6B809D

#C4CCD9 - #94A3BB - #6B809D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C4CCD9 0%, #94A3BB 50%, #6B809D 100%);
    background: -webkit-linear-gradient(top, #C4CCD9 0%, #94A3BB 50%, #6B809D 100%);
    background: linear-gradient(to bottom, #C4CCD9 0%, #94A3BB 50%, #6B809D 100%);
}
</style>