#402D36 - #C8C3C5 | 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 #402D36 to #C8C3C5

#402D36 #C8C3C5

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

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

0.0%	0.0% #402D36	RGB 64 45 54	#402D36
16.7%	16.7% #56464D	RGB 86 70 77	#56464D
33.3%	33.3% #6D5F65	RGB 109 95 101	#6D5F65
50.0%	50.0% #84787D	RGB 132 120 125	#84787D
66.7%	66.7% #9A9195	RGB 154 145 149	#9A9195
83.3%	83.3% #B1AAAD	RGB 177 170 173	#B1AAAD
100.0%	100.0% #C8C3C5	RGB 200 195 197	#C8C3C5

#402D36 #56464D #6D5F65 #84787D #9A9195 #B1AAAD #C8C3C5

#402D36 - #C8C3C5

HSV Blend

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

0.0%	0.0% #402D36	RGB 64 45 54	#402D36
16.7%	16.7% #56404A	RGB 86 64 74	#56404A
33.3%	33.3% #6D5660	RGB 109 86 96	#6D5660
50.0%	50.0% #846E78	RGB 132 110 120	#846E78
66.7%	66.7% #9A8890	RGB 154 136 144	#9A8890
83.3%	83.3% #B1A4AA	RGB 177 164 170	#B1A4AA
100.0%	100.0% #C8C3C5	RGB 200 195 197	#C8C3C5

#402D36 #56404A #6D5660 #846E78 #9A8890 #B1A4AA #C8C3C5

#402D36 - #846E78 - #C8C3C5

CSS codes

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

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