#3F423C - #C8C9C7 | 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 #3F423C to #C8C9C7

#3F423C #C8C9C7

Calculate the color between two colors, #3F423C and #C8C9C7. 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)

#3F423C - #C8C9C7 | 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 #3F423C as 0% and #C8C9C7 as 100%.

0.0%	0.0% #3F423C	RGB 63 66 60	#3F423C
16.7%	16.7% #555853	RGB 85 88 83	#555853
33.3%	33.3% #6C6F6A	RGB 108 111 106	#6C6F6A
50.0%	50.0% #838581	RGB 131 133 129	#838581
66.7%	66.7% #9A9C98	RGB 154 156 152	#9A9C98
83.3%	83.3% #B1B2AF	RGB 177 178 175	#B1B2AF
100.0%	100.0% #C8C9C7	RGB 200 201 199	#C8C9C7

#3F423C #555853 #6C6F6A #838581 #9A9C98 #B1B2AF #C8C9C7

#3F423C - #C8C9C7

HSV Blend

#3F423C - #C8C9C7 | 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 #3F423C as 0% and #C8C9C7 as 100%.

0.0%	0.0% #3F423C	RGB 63 66 60	#3F423C
16.7%	16.7% #555851	RGB 85 88 81	#555851
33.3%	33.3% #6B6F67	RGB 107 111 103	#6B6F67
50.0%	50.0% #82857E	RGB 130 133 126	#82857E
66.7%	66.7% #999C96	RGB 153 156 150	#999C96
83.3%	83.3% #B0B2AE	RGB 176 178 174	#B0B2AE
100.0%	100.0% #C8C9C7	RGB 200 201 199	#C8C9C7

#3F423C #555851 #6B6F67 #82857E #999C96 #B0B2AE #C8C9C7

#3F423C - #82857E - #C8C9C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3F423C 0%, #82857E 50%, #C8C9C7 100%);
    background: -webkit-linear-gradient(top, #3F423C 0%, #82857E 50%, #C8C9C7 100%);
    background: linear-gradient(to bottom, #3F423C 0%, #82857E 50%, #C8C9C7 100%);
}
</style>