#3C3485 - #B885AC | 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 #3C3485 to #B885AC

#3C3485 #B885AC

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

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

0.0%	0.0% #3C3485	RGB 60 52 133	#3C3485
16.7%	16.7% #50418B	RGB 80 65 139	#50418B
33.3%	33.3% #654F92	RGB 101 79 146	#654F92
50.0%	50.0% #7A5C98	RGB 122 92 152	#7A5C98
66.7%	66.7% #8E6A9F	RGB 142 106 159	#8E6A9F
83.3%	83.3% #A377A5	RGB 163 119 165	#A377A5
100.0%	100.0% #B885AC	RGB 184 133 172	#B885AC

#3C3485 #50418B #654F92 #7A5C98 #8E6A9F #A377A5 #B885AC

#3C3485 - #B885AC

HSV Blend

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

0.0%	0.0% #3C3485	RGB 60 52 133	#3C3485
16.7%	16.7% #553F8D	RGB 85 63 141	#553F8D
33.3%	33.3% #6E4B96	RGB 110 75 150	#6E4B96
50.0%	50.0% #87589E	RGB 135 88 158	#87589E
66.7%	66.7% #9D66A7	RGB 157 102 167	#9D66A7
83.3%	83.3% #AF75AC	RGB 175 117 172	#AF75AC
100.0%	100.0% #B885AC	RGB 184 133 172	#B885AC

#3C3485 #553F8D #6E4B96 #87589E #9D66A7 #AF75AC #B885AC

#3C3485 - #87589E - #B885AC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3485 0%, #87589E 50%, #B885AC 100%);
    background: -webkit-linear-gradient(top, #3C3485 0%, #87589E 50%, #B885AC 100%);
    background: linear-gradient(to bottom, #3C3485 0%, #87589E 50%, #B885AC 100%);
}
</style>