#3E2D5E - #8D9096 | 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 #3E2D5E to #8D9096

#3E2D5E #8D9096

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

#3E2D5E - #8D9096 | 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 #3E2D5E as 0% and #8D9096 as 100%.

0.0%	0.0% #3E2D5E	RGB 62 45 94	#3E2D5E
16.7%	16.7% #4B3D67	RGB 75 61 103	#4B3D67
33.3%	33.3% #584E70	RGB 88 78 112	#584E70
50.0%	50.0% #655E7A	RGB 101 94 122	#655E7A
66.7%	66.7% #726F83	RGB 114 111 131	#726F83
83.3%	83.3% #7F7F8C	RGB 127 127 140	#7F7F8C
100.0%	100.0% #8D9096	RGB 141 144 150	#8D9096

#3E2D5E #4B3D67 #584E70 #655E7A #726F83 #7F7F8C #8D9096

#3E2D5E - #8D9096

HSV Blend

#3E2D5E - #8D9096 | 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 #3E2D5E as 0% and #8D9096 as 100%.

0.0%	0.0% #3E2D5E	RGB 62 45 94	#3E2D5E
16.7%	16.7% #443967	RGB 68 57 103	#443967
33.3%	33.3% #4C4770	RGB 76 71 112	#4C4770
50.0%	50.0% #56567A	RGB 86 86 122	#56567A
66.7%	66.7% #676A83	RGB 103 106 131	#676A83
83.3%	83.3% #797D8C	RGB 121 125 140	#797D8C
100.0%	100.0% #8D9096	RGB 141 144 150	#8D9096

#3E2D5E #443967 #4C4770 #56567A #676A83 #797D8C #8D9096

#3E2D5E - #56567A - #8D9096

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E2D5E 0%, #56567A 50%, #8D9096 100%);
    background: -webkit-linear-gradient(top, #3E2D5E 0%, #56567A 50%, #8D9096 100%);
    background: linear-gradient(to bottom, #3E2D5E 0%, #56567A 50%, #8D9096 100%);
}
</style>