#C5CFD9 - #383B3E | 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 #C5CFD9 to #383B3E

#C5CFD9 #383B3E

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

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

0.0%	0.0% #C5CFD9	RGB 197 207 217	#C5CFD9
16.7%	16.7% #ADB6BF	RGB 173 182 191	#ADB6BF
33.3%	33.3% #969DA5	RGB 150 157 165	#969DA5
50.0%	50.0% #7E858B	RGB 126 133 139	#7E858B
66.7%	66.7% #676C71	RGB 103 108 113	#676C71
83.3%	83.3% #4F5357	RGB 79 83 87	#4F5357
100.0%	100.0% #383B3E	RGB 56 59 62	#383B3E

#C5CFD9 #ADB6BF #969DA5 #7E858B #676C71 #4F5357 #383B3E

#C5CFD9 - #383B3E

HSV Blend

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

0.0%	0.0% #C5CFD9	RGB 197 207 217	#C5CFD9
16.7%	16.7% #ADB6BF	RGB 173 182 191	#ADB6BF
33.3%	33.3% #959DA5	RGB 149 157 165	#959DA5
50.0%	50.0% #7E848B	RGB 126 132 139	#7E848B
66.7%	66.7% #666C71	RGB 102 108 113	#666C71
83.3%	83.3% #4F5357	RGB 79 83 87	#4F5357
100.0%	100.0% #383B3E	RGB 56 59 62	#383B3E

#C5CFD9 #ADB6BF #959DA5 #7E848B #666C71 #4F5357 #383B3E

#C5CFD9 - #7E848B - #383B3E

CSS codes

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

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