#411F33 - #C8BFC4 | 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 #411F33 to #C8BFC4

#411F33 #C8BFC4

Calculate the color between two colors, #411F33 and #C8BFC4. 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)

#411F33 - #C8BFC4 | 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 #411F33 as 0% and #C8BFC4 as 100%.

0.0%	0.0% #411F33	RGB 65 31 51	#411F33
16.7%	16.7% #57394B	RGB 87 57 75	#57394B
33.3%	33.3% #6E5463	RGB 110 84 99	#6E5463
50.0%	50.0% #846F7B	RGB 132 111 123	#846F7B
66.7%	66.7% #9B8993	RGB 155 137 147	#9B8993
83.3%	83.3% #B1A4AB	RGB 177 164 171	#B1A4AB
100.0%	100.0% #C8BFC4	RGB 200 191 196	#C8BFC4

#411F33 #57394B #6E5463 #846F7B #9B8993 #B1A4AB #C8BFC4

#411F33 - #C8BFC4

HSV Blend

#411F33 - #C8BFC4 | 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 #411F33 as 0% and #C8BFC4 as 100%.

0.0%	0.0% #411F33	RGB 65 31 51	#411F33
16.7%	16.7% #573047	RGB 87 48 71	#573047
33.3%	33.3% #6E455D	RGB 110 69 93	#6E455D
50.0%	50.0% #845E74	RGB 132 94 116	#845E74
66.7%	66.7% #9B7B8D	RGB 155 123 141	#9B7B8D
83.3%	83.3% #B19BA7	RGB 177 155 167	#B19BA7
100.0%	100.0% #C8BFC4	RGB 200 191 196	#C8BFC4

#411F33 #573047 #6E455D #845E74 #9B7B8D #B19BA7 #C8BFC4

#411F33 - #845E74 - #C8BFC4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #411F33 0%, #845E74 50%, #C8BFC4 100%);
    background: -webkit-linear-gradient(top, #411F33 0%, #845E74 50%, #C8BFC4 100%);
    background: linear-gradient(to bottom, #411F33 0%, #845E74 50%, #C8BFC4 100%);
}
</style>