#CCCFCD - #718F98 | 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 #CCCFCD to #718F98

#CCCFCD #718F98

Calculate the color between two colors, #CCCFCD and #718F98. 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)

#CCCFCD - #718F98 | 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 #CCCFCD as 0% and #718F98 as 100%.

0.0%	0.0% #CCCFCD	RGB 204 207 205	#CCCFCD
16.7%	16.7% #BCC4C4	RGB 188 196 196	#BCC4C4
33.3%	33.3% #ADB9BB	RGB 173 185 187	#ADB9BB
50.0%	50.0% #9EAFB2	RGB 158 175 178	#9EAFB2
66.7%	66.7% #8FA4A9	RGB 143 164 169	#8FA4A9
83.3%	83.3% #8099A0	RGB 128 153 160	#8099A0
100.0%	100.0% #718F98	RGB 113 143 152	#718F98

#CCCFCD #BCC4C4 #ADB9BB #9EAFB2 #8FA4A9 #8099A0 #718F98

#CCCFCD - #718F98

HSV Blend

#CCCFCD - #718F98 | 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 #CCCFCD as 0% and #718F98 as 100%.

0.0%	0.0% #CCCFCD	RGB 204 207 205	#CCCFCD
16.7%	16.7% #BAC5C0	RGB 186 197 192	#BAC5C0
33.3%	33.3% #AABCB6	RGB 170 188 182	#AABCB6
50.0%	50.0% #9BB3AE	RGB 155 179 174	#9BB3AE
66.7%	66.7% #8CAAA8	RGB 140 170 168	#8CAAA8
83.3%	83.3% #7E9EA1	RGB 126 158 161	#7E9EA1
100.0%	100.0% #718F98	RGB 113 143 152	#718F98

#CCCFCD #BAC5C0 #AABCB6 #9BB3AE #8CAAA8 #7E9EA1 #718F98

#CCCFCD - #9BB3AE - #718F98

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CCCFCD 0%, #9BB3AE 50%, #718F98 100%);
    background: -webkit-linear-gradient(top, #CCCFCD 0%, #9BB3AE 50%, #718F98 100%);
    background: linear-gradient(to bottom, #CCCFCD 0%, #9BB3AE 50%, #718F98 100%);
}
</style>