#3E3E3C - #A96262 | 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 #3E3E3C to #A96262

#3E3E3C #A96262

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

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

0.0%	0.0% #3E3E3C	RGB 62 62 60	#3E3E3C
16.7%	16.7% #4F4442	RGB 79 68 66	#4F4442
33.3%	33.3% #614A48	RGB 97 74 72	#614A48
50.0%	50.0% #73504F	RGB 115 80 79	#73504F
66.7%	66.7% #855655	RGB 133 86 85	#855655
83.3%	83.3% #975C5B	RGB 151 92 91	#975C5B
100.0%	100.0% #A96262	RGB 169 98 98	#A96262

#3E3E3C #4F4442 #614A48 #73504F #855655 #975C5B #A96262

#3E3E3C - #A96262

HSV Blend

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

0.0%	0.0% #3E3E3C	RGB 62 62 60	#3E3E3C
16.7%	16.7% #4F4E48	RGB 79 78 72	#4F4E48
33.3%	33.3% #615C51	RGB 97 92 81	#615C51
50.0%	50.0% #736659	RGB 115 102 89	#736659
66.7%	66.7% #856B5E	RGB 133 107 94	#856B5E
83.3%	83.3% #976A61	RGB 151 106 97	#976A61
100.0%	100.0% #A96262	RGB 169 98 98	#A96262

#3E3E3C #4F4E48 #615C51 #736659 #856B5E #976A61 #A96262

#3E3E3C - #736659 - #A96262

CSS codes

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

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