#3E2D4D - #BA6F67 | 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 #3E2D4D to #BA6F67

#3E2D4D #BA6F67

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

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

0.0%	0.0% #3E2D4D	RGB 62 45 77	#3E2D4D
16.7%	16.7% #523851	RGB 82 56 81	#523851
33.3%	33.3% #674355	RGB 103 67 85	#674355
50.0%	50.0% #7C4E5A	RGB 124 78 90	#7C4E5A
66.7%	66.7% #90595E	RGB 144 89 94	#90595E
83.3%	83.3% #A56462	RGB 165 100 98	#A56462
100.0%	100.0% #BA6F67	RGB 186 111 103	#BA6F67

#3E2D4D #523851 #674355 #7C4E5A #90595E #A56462 #BA6F67

#3E2D4D - #BA6F67

HSV Blend

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

0.0%	0.0% #3E2D4D	RGB 62 45 77	#3E2D4D
16.7%	16.7% #56375F	RGB 86 55 95	#56375F
33.3%	33.3% #71416E	RGB 113 65 110	#71416E
50.0%	50.0% #834A71	RGB 131 74 113	#834A71
66.7%	66.7% #955470	RGB 149 84 112	#955470
83.3%	83.3% #A75D69	RGB 167 93 105	#A75D69
100.0%	100.0% #BA6F67	RGB 186 111 103	#BA6F67

#3E2D4D #56375F #71416E #834A71 #955470 #A75D69 #BA6F67

#3E2D4D - #834A71 - #BA6F67

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E2D4D 0%, #834A71 50%, #BA6F67 100%);
    background: -webkit-linear-gradient(top, #3E2D4D 0%, #834A71 50%, #BA6F67 100%);
    background: linear-gradient(to bottom, #3E2D4D 0%, #834A71 50%, #BA6F67 100%);
}
</style>