#C8CECF - #7B7D90 | 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 #C8CECF to #7B7D90

#C8CECF #7B7D90

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

#C8CECF - #7B7D90 | 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 #C8CECF as 0% and #7B7D90 as 100%.

0.0%	0.0% #C8CECF	RGB 200 206 207	#C8CECF
16.7%	16.7% #BBC0C4	RGB 187 192 196	#BBC0C4
33.3%	33.3% #AEB3BA	RGB 174 179 186	#AEB3BA
50.0%	50.0% #A1A5AF	RGB 161 165 175	#A1A5AF
66.7%	66.7% #9498A5	RGB 148 152 165	#9498A5
83.3%	83.3% #878A9A	RGB 135 138 154	#878A9A
100.0%	100.0% #7B7D90	RGB 123 125 144	#7B7D90

#C8CECF #BBC0C4 #AEB3BA #A1A5AF #9498A5 #878A9A #7B7D90

#C8CECF - #7B7D90

HSV Blend

#C8CECF - #7B7D90 | 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 #C8CECF as 0% and #7B7D90 as 100%.

0.0%	0.0% #C8CECF	RGB 200 206 207	#C8CECF
16.7%	16.7% #BAC1C4	RGB 186 193 196	#BAC1C4
33.3%	33.3% #ACB4BA	RGB 172 180 186	#ACB4BA
50.0%	50.0% #9FA7AF	RGB 159 167 175	#9FA7AF
66.7%	66.7% #9399A5	RGB 147 153 165	#9399A5
83.3%	83.3% #868B9A	RGB 134 139 154	#868B9A
100.0%	100.0% #7B7D90	RGB 123 125 144	#7B7D90

#C8CECF #BAC1C4 #ACB4BA #9FA7AF #9399A5 #868B9A #7B7D90

#C8CECF - #9FA7AF - #7B7D90

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8CECF 0%, #9FA7AF 50%, #7B7D90 100%);
    background: -webkit-linear-gradient(top, #C8CECF 0%, #9FA7AF 50%, #7B7D90 100%);
    background: linear-gradient(to bottom, #C8CECF 0%, #9FA7AF 50%, #7B7D90 100%);
}
</style>