#3F3E41 - #CD845B | 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 #3F3E41 to #CD845B

#3F3E41 #CD845B

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

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

0.0%	0.0% #3F3E41	RGB 63 62 65	#3F3E41
16.7%	16.7% #564945	RGB 86 73 69	#564945
33.3%	33.3% #6E5549	RGB 110 85 73	#6E5549
50.0%	50.0% #86614E	RGB 134 97 78	#86614E
66.7%	66.7% #9D6C52	RGB 157 108 82	#9D6C52
83.3%	83.3% #B57856	RGB 181 120 86	#B57856
100.0%	100.0% #CD845B	RGB 205 132 91	#CD845B

#3F3E41 #564945 #6E5549 #86614E #9D6C52 #B57856 #CD845B

#3F3E41 - #CD845B

HSV Blend

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

0.0%	0.0% #3F3E41	RGB 63 62 65	#3F3E41
16.7%	16.7% #544C58	RGB 84 76 88	#544C58
33.3%	33.3% #6F576F	RGB 111 87 111	#6F576F
50.0%	50.0% #875E78	RGB 135 94 120	#875E78
66.7%	66.7% #9E6174	RGB 158 97 116	#9E6174
83.3%	83.3% #B56160	RGB 181 97 96	#B56160
100.0%	100.0% #CD845B	RGB 205 132 91	#CD845B

#3F3E41 #544C58 #6F576F #875E78 #9E6174 #B56160 #CD845B

#3F3E41 - #875E78 - #CD845B

CSS codes

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

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