#3E2D75 - #B7789A | 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 #3E2D75 to #B7789A

#3E2D75 #B7789A

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

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

0.0%	0.0% #3E2D75	RGB 62 45 117	#3E2D75
16.7%	16.7% #52397B	RGB 82 57 123	#52397B
33.3%	33.3% #664681	RGB 102 70 129	#664681
50.0%	50.0% #7A5287	RGB 122 82 135	#7A5287
66.7%	66.7% #8E5F8D	RGB 142 95 141	#8E5F8D
83.3%	83.3% #A26B93	RGB 162 107 147	#A26B93
100.0%	100.0% #B7789A	RGB 183 120 154	#B7789A

#3E2D75 #52397B #664681 #7A5287 #8E5F8D #A26B93 #B7789A

#3E2D75 - #B7789A

HSV Blend

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

0.0%	0.0% #3D2D75	RGB 61 45 117	#3D2D75
16.7%	16.7% #573780	RGB 87 55 128	#573780
33.3%	33.3% #71428B	RGB 113 66 139	#71428B
50.0%	50.0% #8B4E96	RGB 139 78 150	#8B4E96
66.7%	66.7% #A15B9D	RGB 161 91 157	#A15B9D
83.3%	83.3% #AC699A	RGB 172 105 154	#AC699A
100.0%	100.0% #B7789A	RGB 183 120 154	#B7789A

#3D2D75 #573780 #71428B #8B4E96 #A15B9D #AC699A #B7789A

#3E2D75 - #8B4E96 - #B7789A

CSS codes

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

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