#3F2E48 - #BC6E5E | 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 #3F2E48 to #BC6E5E

#3F2E48 #BC6E5E

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

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

0.0%	0.0% #3F2E48	RGB 63 46 72	#3F2E48
16.7%	16.7% #53384B	RGB 83 56 75	#53384B
33.3%	33.3% #68434F	RGB 104 67 79	#68434F
50.0%	50.0% #7D4E53	RGB 125 78 83	#7D4E53
66.7%	66.7% #925856	RGB 146 88 86	#925856
83.3%	83.3% #A7635A	RGB 167 99 90	#A7635A
100.0%	100.0% #BC6E5E	RGB 188 110 94	#BC6E5E

#3F2E48 #53384B #68434F #7D4E53 #925856 #A7635A #BC6E5E

#3F2E48 - #BC6E5E

HSV Blend

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

0.0%	0.0% #3F2E48	RGB 63 46 72	#3F2E48
16.7%	16.7% #58385B	RGB 88 56 91	#58385B
33.3%	33.3% #6E4167	RGB 110 65 103	#6E4167
50.0%	50.0% #824A6A	RGB 130 74 106	#824A6A
66.7%	66.7% #955168	RGB 149 81 104	#955168
83.3%	83.3% #A8585E	RGB 168 88 94	#A8585E
100.0%	100.0% #BC6E5E	RGB 188 110 94	#BC6E5E

#3F2E48 #58385B #6E4167 #824A6A #955168 #A8585E #BC6E5E

#3F2E48 - #824A6A - #BC6E5E

CSS codes

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

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