#3C285C - #B46C7C | 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 #3C285C to #B46C7C

#3C285C #B46C7C

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

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

0.0%	0.0% #3C285C	RGB 60 40 92	#3C285C
16.7%	16.7% #503361	RGB 80 51 97	#503361
33.3%	33.3% #643E66	RGB 100 62 102	#643E66
50.0%	50.0% #784A6C	RGB 120 74 108	#784A6C
66.7%	66.7% #8C5571	RGB 140 85 113	#8C5571
83.3%	83.3% #A06076	RGB 160 96 118	#A06076
100.0%	100.0% #B46C7C	RGB 180 108 124	#B46C7C

#3C285C #503361 #643E66 #784A6C #8C5571 #A06076 #B46C7C

#3C285C - #B46C7C

HSV Blend

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

0.0%	0.0% #3B285C	RGB 59 40 92	#3B285C
16.7%	16.7% #54316A	RGB 84 49 106	#54316A
33.3%	33.3% #6F3B79	RGB 111 59 121	#6F3B79
50.0%	50.0% #884682	RGB 136 70 130	#884682
66.7%	66.7% #965281	RGB 150 82 129	#965281
83.3%	83.3% #A55E7E	RGB 165 94 126	#A55E7E
100.0%	100.0% #B46C7C	RGB 180 108 124	#B46C7C

#3B285C #54316A #6F3B79 #884682 #965281 #A55E7E #B46C7C

#3C285C - #884682 - #B46C7C

CSS codes

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

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