#3E2D32 - #925B81 | 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 #3E2D32 to #925B81

#3E2D32 #925B81

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

#3E2D32 - #925B81 | 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 #3E2D32 as 0% and #925B81 as 100%.

0.0%	0.0% #3E2D32	RGB 62 45 50	#3E2D32
16.7%	16.7% #4C343F	RGB 76 52 63	#4C343F
33.3%	33.3% #5A3C4C	RGB 90 60 76	#5A3C4C
50.0%	50.0% #684459	RGB 104 68 89	#684459
66.7%	66.7% #764B66	RGB 118 75 102	#764B66
83.3%	83.3% #845373	RGB 132 83 115	#845373
100.0%	100.0% #925B81	RGB 146 91 129	#925B81

#3E2D32 #4C343F #5A3C4C #684459 #764B66 #845373 #925B81

#3E2D32 - #925B81

HSV Blend

#3E2D32 - #925B81 | 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 #3E2D32 as 0% and #925B81 as 100%.

0.0%	0.0% #3E2D32	RGB 62 45 50	#3E2D32
16.7%	16.7% #4C353D	RGB 76 53 61	#4C353D
33.3%	33.3% #5A3E4A	RGB 90 62 74	#5A3E4A
50.0%	50.0% #684656	RGB 104 70 86	#684656
66.7%	66.7% #764D64	RGB 118 77 100	#764D64
83.3%	83.3% #845472	RGB 132 84 114	#845472
100.0%	100.0% #925B81	RGB 146 91 129	#925B81

#3E2D32 #4C353D #5A3E4A #684656 #764D64 #845472 #925B81

#3E2D32 - #684656 - #925B81

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E2D32 0%, #684656 50%, #925B81 100%);
    background: -webkit-linear-gradient(top, #3E2D32 0%, #684656 50%, #925B81 100%);
    background: linear-gradient(to bottom, #3E2D32 0%, #684656 50%, #925B81 100%);
}
</style>