#3C2D64 - #B87586 | 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 #3C2D64 to #B87586

#3C2D64 #B87586

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

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

0.0%	0.0% #3C2D64	RGB 60 45 100	#3C2D64
16.7%	16.7% #503969	RGB 80 57 105	#503969
33.3%	33.3% #65456F	RGB 101 69 111	#65456F
50.0%	50.0% #7A5175	RGB 122 81 117	#7A5175
66.7%	66.7% #8E5D7A	RGB 142 93 122	#8E5D7A
83.3%	83.3% #A36980	RGB 163 105 128	#A36980
100.0%	100.0% #B87586	RGB 184 117 134	#B87586

#3C2D64 #503969 #65456F #7A5175 #8E5D7A #A36980 #B87586

#3C2D64 - #B87586

HSV Blend

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

0.0%	0.0% #3B2D64	RGB 59 45 100	#3B2D64
16.7%	16.7% #553672	RGB 85 54 114	#553672
33.3%	33.3% #714180	RGB 113 65 128	#714180
50.0%	50.0% #8E4D8D	RGB 142 77 141	#8E4D8D
66.7%	66.7% #9C598B	RGB 156 89 139	#9C598B
83.3%	83.3% #AA6688	RGB 170 102 136	#AA6688
100.0%	100.0% #B87586	RGB 184 117 134	#B87586

#3B2D64 #553672 #714180 #8E4D8D #9C598B #AA6688 #B87586

#3C2D64 - #8E4D8D - #B87586

CSS codes

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

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