#42433C - #C9C9C7 | 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 #42433C to #C9C9C7

#42433C #C9C9C7

Calculate the color between two colors, #42433C and #C9C9C7. 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)

#42433C - #C9C9C7 | 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 #42433C as 0% and #C9C9C7 as 100%.

0.0%	0.0% #42433C	RGB 66 67 60	#42433C
16.7%	16.7% #585953	RGB 88 89 83	#585953
33.3%	33.3% #6F6F6A	RGB 111 111 106	#6F6F6A
50.0%	50.0% #858681	RGB 133 134 129	#858681
66.7%	66.7% #9C9C98	RGB 156 156 152	#9C9C98
83.3%	83.3% #B2B2AF	RGB 178 178 175	#B2B2AF
100.0%	100.0% #C9C9C7	RGB 201 201 199	#C9C9C7

#42433C #585953 #6F6F6A #858681 #9C9C98 #B2B2AF #C9C9C7

#42433C - #C9C9C7

HSV Blend

#42433C - #C9C9C7 | 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 #42433C as 0% and #C9C9C7 as 100%.

0.0%	0.0% #42433C	RGB 66 67 60	#42433C
16.7%	16.7% #585951	RGB 88 89 81	#585951
33.3%	33.3% #6E6F67	RGB 110 111 103	#6E6F67
50.0%	50.0% #85867E	RGB 133 134 126	#85867E
66.7%	66.7% #9C9C95	RGB 156 156 149	#9C9C95
83.3%	83.3% #B2B2AE	RGB 178 178 174	#B2B2AE
100.0%	100.0% #C9C9C7	RGB 201 201 199	#C9C9C7

#42433C #585951 #6E6F67 #85867E #9C9C95 #B2B2AE #C9C9C7

#42433C - #85867E - #C9C9C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #42433C 0%, #85867E 50%, #C9C9C7 100%);
    background: -webkit-linear-gradient(top, #42433C 0%, #85867E 50%, #C9C9C7 100%);
    background: linear-gradient(to bottom, #42433C 0%, #85867E 50%, #C9C9C7 100%);
}
</style>