#C8D4C7 - #383C38 | 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 #C8D4C7 to #383C38

#C8D4C7 #383C38

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

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

0.0%	0.0% #C8D4C7	RGB 200 212 199	#C8D4C7
16.7%	16.7% #B0BAAF	RGB 176 186 175	#B0BAAF
33.3%	33.3% #98A197	RGB 152 161 151	#98A197
50.0%	50.0% #80887F	RGB 128 136 127	#80887F
66.7%	66.7% #686E67	RGB 104 110 103	#686E67
83.3%	83.3% #50554F	RGB 80 85 79	#50554F
100.0%	100.0% #383C38	RGB 56 60 56	#383C38

#C8D4C7 #B0BAAF #98A197 #80887F #686E67 #50554F #383C38

#C8D4C7 - #383C38

HSV Blend

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

0.0%	0.0% #C8D4C7	RGB 200 212 199	#C8D4C7
16.7%	16.7% #AFBAAF	RGB 175 186 175	#AFBAAF
33.3%	33.3% #97A197	RGB 151 161 151	#97A197
50.0%	50.0% #7F887F	RGB 127 136 127	#7F887F
66.7%	66.7% #676E67	RGB 103 110 103	#676E67
83.3%	83.3% #4F554F	RGB 79 85 79	#4F554F
100.0%	100.0% #383C38	RGB 56 60 56	#383C38

#C8D4C7 #AFBAAF #97A197 #7F887F #676E67 #4F554F #383C38

#C8D4C7 - #7F887F - #383C38

CSS codes

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

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