#402E48 - #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 #402E48 to #BC6E5E

#402E48 #BC6E5E

Calculate the color between two colors, #402E48 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)

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

0.0%	0.0% #402E48	RGB 64 46 72	#402E48
16.7%	16.7% #54384B	RGB 84 56 75	#54384B
33.3%	33.3% #69434F	RGB 105 67 79	#69434F
50.0%	50.0% #7E4E53	RGB 126 78 83	#7E4E53
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

#402E48 #54384B #69434F #7E4E53 #925856 #A7635A #BC6E5E

#402E48 - #BC6E5E

HSV Blend

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

0.0%	0.0% #3F2E48	RGB 63 46 72	#3F2E48
16.7%	16.7% #59385B	RGB 89 56 91	#59385B
33.3%	33.3% #6E4166	RGB 110 65 102	#6E4166
50.0%	50.0% #824A69	RGB 130 74 105	#824A69
66.7%	66.7% #955167	RGB 149 81 103	#955167
83.3%	83.3% #A8585E	RGB 168 88 94	#A8585E
100.0%	100.0% #BC6E5E	RGB 188 110 94	#BC6E5E

#3F2E48 #59385B #6E4166 #824A69 #955167 #A8585E #BC6E5E

#402E48 - #824A69 - #BC6E5E

CSS codes

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

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