#402D3C - #C8C3C7 | 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 #402D3C to #C8C3C7

#402D3C #C8C3C7

Calculate the color between two colors, #402D3C and #C8C3C7. 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)

#402D3C - #C8C3C7 | 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 #402D3C as 0% and #C8C3C7 as 100%.

0.0%	0.0% #402D3C	RGB 64 45 60	#402D3C
16.7%	16.7% #564653	RGB 86 70 83	#564653
33.3%	33.3% #6D5F6A	RGB 109 95 106	#6D5F6A
50.0%	50.0% #847881	RGB 132 120 129	#847881
66.7%	66.7% #9A9198	RGB 154 145 152	#9A9198
83.3%	83.3% #B1AAAF	RGB 177 170 175	#B1AAAF
100.0%	100.0% #C8C3C7	RGB 200 195 199	#C8C3C7

#402D3C #564653 #6D5F6A #847881 #9A9198 #B1AAAF #C8C3C7

#402D3C - #C8C3C7

HSV Blend

#402D3C - #C8C3C7 | 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 #402D3C as 0% and #C8C3C7 as 100%.

0.0%	0.0% #402D3C	RGB 64 45 60	#402D3C
16.7%	16.7% #564052	RGB 86 64 82	#564052
33.3%	33.3% #6D5668	RGB 109 86 104	#6D5668
50.0%	50.0% #846E7F	RGB 132 110 127	#846E7F
66.7%	66.7% #9A8897	RGB 154 136 151	#9A8897
83.3%	83.3% #B1A4AE	RGB 177 164 174	#B1A4AE
100.0%	100.0% #C8C3C7	RGB 200 195 199	#C8C3C7

#402D3C #564052 #6D5668 #846E7F #9A8897 #B1A4AE #C8C3C7

#402D3C - #846E7F - #C8C3C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #402D3C 0%, #846E7F 50%, #C8C3C7 100%);
    background: -webkit-linear-gradient(top, #402D3C 0%, #846E7F 50%, #C8C3C7 100%);
    background: linear-gradient(to bottom, #402D3C 0%, #846E7F 50%, #C8C3C7 100%);
}
</style>