#3E2127 - #C7BFC1 | 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 #3E2127 to #C7BFC1

#3E2127 #C7BFC1

Calculate the color between two colors, #3E2127 and #C7BFC1. 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)

#3E2127 - #C7BFC1 | 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 #3E2127 as 0% and #C7BFC1 as 100%.

0.0%	0.0% #3E2127	RGB 62 33 39	#3E2127
16.7%	16.7% #543B40	RGB 84 59 64	#543B40
33.3%	33.3% #6B555A	RGB 107 85 90	#6B555A
50.0%	50.0% #827074	RGB 130 112 116	#827074
66.7%	66.7% #998A8D	RGB 153 138 141	#998A8D
83.3%	83.3% #B0A4A7	RGB 176 164 167	#B0A4A7
100.0%	100.0% #C7BFC1	RGB 199 191 193	#C7BFC1

#3E2127 #543B40 #6B555A #827074 #998A8D #B0A4A7 #C7BFC1

#3E2127 - #C7BFC1

HSV Blend

#3E2127 - #C7BFC1 | 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 #3E2127 as 0% and #C7BFC1 as 100%.

0.0%	0.0% #3E2127	RGB 62 33 39	#3E2127
16.7%	16.7% #54333A	RGB 84 51 58	#54333A
33.3%	33.3% #6B4850	RGB 107 72 80	#6B4850
50.0%	50.0% #826168	RGB 130 97 104	#826168
66.7%	66.7% #997D83	RGB 153 125 131	#997D83
83.3%	83.3% #B09CA1	RGB 176 156 161	#B09CA1
100.0%	100.0% #C7BFC1	RGB 199 191 193	#C7BFC1

#3E2127 #54333A #6B4850 #826168 #997D83 #B09CA1 #C7BFC1

#3E2127 - #826168 - #C7BFC1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E2127 0%, #826168 50%, #C7BFC1 100%);
    background: -webkit-linear-gradient(top, #3E2127 0%, #826168 50%, #C7BFC1 100%);
    background: linear-gradient(to bottom, #3E2127 0%, #826168 50%, #C7BFC1 100%);
}
</style>