#412E35 - #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 #412E35 to #C8C3C5

#412E35 #C8C3C5

Calculate the color between two colors, #412E35 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)

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

0.0%	0.0% #412E35	RGB 65 46 53	#412E35
16.7%	16.7% #57464D	RGB 87 70 77	#57464D
33.3%	33.3% #6E5F65	RGB 110 95 101	#6E5F65
50.0%	50.0% #84787D	RGB 132 120 125	#84787D
66.7%	66.7% #9B9195	RGB 155 145 149	#9B9195
83.3%	83.3% #B1AAAD	RGB 177 170 173	#B1AAAD
100.0%	100.0% #C8C3C5	RGB 200 195 197	#C8C3C5

#412E35 #57464D #6E5F65 #84787D #9B9195 #B1AAAD #C8C3C5

#412E35 - #C8C3C5

HSV Blend

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

0.0%	0.0% #412E35	RGB 65 46 53	#412E35
16.7%	16.7% #574149	RGB 87 65 73	#574149
33.3%	33.3% #6E5760	RGB 110 87 96	#6E5760
50.0%	50.0% #846F77	RGB 132 111 119	#846F77
66.7%	66.7% #9B8990	RGB 155 137 144	#9B8990
83.3%	83.3% #B1A5AA	RGB 177 165 170	#B1A5AA
100.0%	100.0% #C8C3C5	RGB 200 195 197	#C8C3C5

#412E35 #574149 #6E5760 #846F77 #9B8990 #B1A5AA #C8C3C5

#412E35 - #846F77 - #C8C3C5

CSS codes

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

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