#3C363C - #BF754D | 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 #3C363C to #BF754D

#3C363C #BF754D

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

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

0.0%	0.0% #3C363C	RGB 60 54 60	#3C363C
16.7%	16.7% #51403E	RGB 81 64 62	#51403E
33.3%	33.3% #674B41	RGB 103 75 65	#674B41
50.0%	50.0% #7D5544	RGB 125 85 68	#7D5544
66.7%	66.7% #936047	RGB 147 96 71	#936047
83.3%	83.3% #A96A4A	RGB 169 106 74	#A96A4A
100.0%	100.0% #BF754D	RGB 191 117 77	#BF754D

#3C363C #51403E #674B41 #7D5544 #936047 #A96A4A #BF754D

#3C363C - #BF754D

HSV Blend

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

0.0%	0.0% #3C363C	RGB 60 54 60	#3C363C
16.7%	16.7% #51424E	RGB 81 66 78	#51424E
33.3%	33.3% #674C5B	RGB 103 76 91	#674C5B
50.0%	50.0% #7D515F	RGB 125 81 95	#7D515F
66.7%	66.7% #93535A	RGB 147 83 90	#93535A
83.3%	83.3% #A95D52	RGB 169 93 82	#A95D52
100.0%	100.0% #BF754D	RGB 191 117 77	#BF754D

#3C363C #51424E #674C5B #7D515F #93535A #A95D52 #BF754D

#3C363C - #7D515F - #BF754D

CSS codes

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

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