#3F2D5E - #AF7877 | 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 #3F2D5E to #AF7877

#3F2D5E #AF7877

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

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

0.0%	0.0% #3F2D5E	RGB 63 45 94	#3F2D5E
16.7%	16.7% #513962	RGB 81 57 98	#513962
33.3%	33.3% #644666	RGB 100 70 102	#644666
50.0%	50.0% #77526A	RGB 119 82 106	#77526A
66.7%	66.7% #895F6E	RGB 137 95 110	#895F6E
83.3%	83.3% #9C6B72	RGB 156 107 114	#9C6B72
100.0%	100.0% #AF7877	RGB 175 120 119	#AF7877

#3F2D5E #513962 #644666 #77526A #895F6E #9C6B72 #AF7877

#3F2D5E - #AF7877

HSV Blend

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

0.0%	0.0% #3F2D5E	RGB 63 45 94	#3F2D5E
16.7%	16.7% #58376B	RGB 88 55 107	#58376B
33.3%	33.3% #744279	RGB 116 66 121	#744279
50.0%	50.0% #864D7B	RGB 134 77 123	#864D7B
66.7%	66.7% #945A79	RGB 148 90 121	#945A79
83.3%	83.3% #A16877	RGB 161 104 119	#A16877
100.0%	100.0% #AF7877	RGB 175 120 119	#AF7877

#3F2D5E #58376B #744279 #864D7B #945A79 #A16877 #AF7877

#3F2D5E - #864D7B - #AF7877

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3F2D5E 0%, #864D7B 50%, #AF7877 100%);
    background: -webkit-linear-gradient(top, #3F2D5E 0%, #864D7B 50%, #AF7877 100%);
    background: linear-gradient(to bottom, #3F2D5E 0%, #864D7B 50%, #AF7877 100%);
}
</style>