#C7CCBA - #383A35 | 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 #C7CCBA to #383A35

#C7CCBA #383A35

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

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

0.0%	0.0% #C7CCBA	RGB 199 204 186	#C7CCBA
16.7%	16.7% #AFB3A3	RGB 175 179 163	#AFB3A3
33.3%	33.3% #979B8D	RGB 151 155 141	#979B8D
50.0%	50.0% #7F8377	RGB 127 131 119	#7F8377
66.7%	66.7% #676A61	RGB 103 106 97	#676A61
83.3%	83.3% #4F524B	RGB 79 82 75	#4F524B
100.0%	100.0% #383A35	RGB 56 58 53	#383A35

#C7CCBA #AFB3A3 #979B8D #7F8377 #676A61 #4F524B #383A35

#C7CCBA - #383A35

HSV Blend

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

0.0%	0.0% #C7CCBA	RGB 199 204 186	#C7CCBA
16.7%	16.7% #AEB3A3	RGB 174 179 163	#AEB3A3
33.3%	33.3% #979B8D	RGB 151 155 141	#979B8D
50.0%	50.0% #7F8377	RGB 127 131 119	#7F8377
66.7%	66.7% #676A61	RGB 103 106 97	#676A61
83.3%	83.3% #4F524B	RGB 79 82 75	#4F524B
100.0%	100.0% #383A35	RGB 56 58 53	#383A35

#C7CCBA #AEB3A3 #979B8D #7F8377 #676A61 #4F524B #383A35

#C7CCBA - #7F8377 - #383A35

CSS codes

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

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