#3C2B5A - #AB7574 | 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 #3C2B5A to #AB7574

#3C2B5A #AB7574

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

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

0.0%	0.0% #3C2B5A	RGB 60 43 90	#3C2B5A
16.7%	16.7% #4E375E	RGB 78 55 94	#4E375E
33.3%	33.3% #614362	RGB 97 67 98	#614362
50.0%	50.0% #735067	RGB 115 80 103	#735067
66.7%	66.7% #865C6B	RGB 134 92 107	#865C6B
83.3%	83.3% #98686F	RGB 152 104 111	#98686F
100.0%	100.0% #AB7574	RGB 171 117 116	#AB7574

#3C2B5A #4E375E #614362 #735067 #865C6B #98686F #AB7574

#3C2B5A - #AB7574

HSV Blend

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

0.0%	0.0% #3C2B5A	RGB 60 43 90	#3C2B5A
16.7%	16.7% #553467	RGB 85 52 103	#553467
33.3%	33.3% #703F75	RGB 112 63 117	#703F75
50.0%	50.0% #824B78	RGB 130 75 120	#824B78
66.7%	66.7% #905875	RGB 144 88 117	#905875
83.3%	83.3% #9D6573	RGB 157 101 115	#9D6573
100.0%	100.0% #AB7574	RGB 171 117 116	#AB7574

#3C2B5A #553467 #703F75 #824B78 #905875 #9D6573 #AB7574

#3C2B5A - #824B78 - #AB7574

CSS codes

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

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