#3C353D - #BF7550 | 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 #3C353D to #BF7550

#3C353D #BF7550

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

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

0.0%	0.0% #3C353D	RGB 60 53 61	#3C353D
16.7%	16.7% #513F40	RGB 81 63 64	#513F40
33.3%	33.3% #674A43	RGB 103 74 67	#674A43
50.0%	50.0% #7D5546	RGB 125 85 70	#7D5546
66.7%	66.7% #935F49	RGB 147 95 73	#935F49
83.3%	83.3% #A96A4C	RGB 169 106 76	#A96A4C
100.0%	100.0% #BF7550	RGB 191 117 80	#BF7550

#3C353D #513F40 #674A43 #7D5546 #935F49 #A96A4C #BF7550

#3C353D - #BF7550

HSV Blend

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

0.0%	0.0% #3C353D	RGB 60 53 61	#3C353D
16.7%	16.7% #524150	RGB 82 65 80	#524150
33.3%	33.3% #684B5D	RGB 104 75 93	#684B5D
50.0%	50.0% #7E5162	RGB 126 81 98	#7E5162
66.7%	66.7% #93545D	RGB 147 84 93	#93545D
83.3%	83.3% #A95B53	RGB 169 91 83	#A95B53
100.0%	100.0% #BF7550	RGB 191 117 80	#BF7550

#3C353D #524150 #684B5D #7E5162 #93545D #A95B53 #BF7550

#3C353D - #7E5162 - #BF7550

CSS codes

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

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