#3E0600 - #C7B8B6 | 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 #3E0600 to #C7B8B6

#3E0600 #C7B8B6

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

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

0.0%	0.0% #3E0600	RGB 62 6 0	#3E0600
16.7%	16.7% #54231E	RGB 84 35 30	#54231E
33.3%	33.3% #6B413C	RGB 107 65 60	#6B413C
50.0%	50.0% #825F5B	RGB 130 95 91	#825F5B
66.7%	66.7% #997C79	RGB 153 124 121	#997C79
83.3%	83.3% #B09A97	RGB 176 154 151	#B09A97
100.0%	100.0% #C7B8B6	RGB 199 184 182	#C7B8B6

#3E0600 #54231E #6B413C #825F5B #997C79 #B09A97 #C7B8B6

#3E0600 - #C7B8B6

HSV Blend

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

0.0%	0.0% #3E0600	RGB 62 6 0	#3E0600
16.7%	16.7% #54140C	RGB 84 20 12	#54140C
33.3%	33.3% #6B2820	RGB 107 40 32	#6B2820
50.0%	50.0% #82433B	RGB 130 67 59	#82433B
66.7%	66.7% #99645D	RGB 153 100 93	#99645D
83.3%	83.3% #B08B86	RGB 176 139 134	#B08B86
100.0%	100.0% #C7B8B6	RGB 199 184 182	#C7B8B6

#3E0600 #54140C #6B2820 #82433B #99645D #B08B86 #C7B8B6

#3E0600 - #82433B - #C7B8B6

CSS codes

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

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