#C7CCD9 - #383A3E | 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 #C7CCD9 to #383A3E

#C7CCD9 #383A3E

Calculate the color between two colors, #C7CCD9 and #383A3E. 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)

#C7CCD9 - #383A3E | 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 #C7CCD9 as 0% and #383A3E as 100%.

0.0%	0.0% #C7CCD9	RGB 199 204 217	#C7CCD9
16.7%	16.7% #AFB3BF	RGB 175 179 191	#AFB3BF
33.3%	33.3% #979BA5	RGB 151 155 165	#979BA5
50.0%	50.0% #7F838B	RGB 127 131 139	#7F838B
66.7%	66.7% #676A71	RGB 103 106 113	#676A71
83.3%	83.3% #4F5257	RGB 79 82 87	#4F5257
100.0%	100.0% #383A3E	RGB 56 58 62	#383A3E

#C7CCD9 #AFB3BF #979BA5 #7F838B #676A71 #4F5257 #383A3E

#C7CCD9 - #383A3E

HSV Blend

#C7CCD9 - #383A3E | 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 #C7CCD9 as 0% and #383A3E as 100%.

0.0%	0.0% #C7CCD9	RGB 199 204 217	#C7CCD9
16.7%	16.7% #AEB3BF	RGB 174 179 191	#AEB3BF
33.3%	33.3% #969BA5	RGB 150 155 165	#969BA5
50.0%	50.0% #7E828B	RGB 126 130 139	#7E828B
66.7%	66.7% #676A71	RGB 103 106 113	#676A71
83.3%	83.3% #4F5257	RGB 79 82 87	#4F5257
100.0%	100.0% #383A3E	RGB 56 58 62	#383A3E

#C7CCD9 #AEB3BF #969BA5 #7E828B #676A71 #4F5257 #383A3E

#C7CCD9 - #7E828B - #383A3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7CCD9 0%, #7E828B 50%, #383A3E 100%);
    background: -webkit-linear-gradient(top, #C7CCD9 0%, #7E828B 50%, #383A3E 100%);
    background: linear-gradient(to bottom, #C7CCD9 0%, #7E828B 50%, #383A3E 100%);
}
</style>