#3E1B5E - #AB5B7D | 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 #3E1B5E to #AB5B7D

#3E1B5E #AB5B7D

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

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

0.0%	0.0% #3E1B5E	RGB 62 27 94	#3E1B5E
16.7%	16.7% #502563	RGB 80 37 99	#502563
33.3%	33.3% #623068	RGB 98 48 104	#623068
50.0%	50.0% #743B6D	RGB 116 59 109	#743B6D
66.7%	66.7% #864572	RGB 134 69 114	#864572
83.3%	83.3% #985077	RGB 152 80 119	#985077
100.0%	100.0% #AB5B7D	RGB 171 91 125	#AB5B7D

#3E1B5E #502563 #623068 #743B6D #864572 #985077 #AB5B7D

#3E1B5E - #AB5B7D

HSV Blend

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

0.0%	0.0% #3E1B5E	RGB 62 27 94	#3E1B5E
16.7%	16.7% #55236A	RGB 85 35 106	#55236A
33.3%	33.3% #6E2C77	RGB 110 44 119	#6E2C77
50.0%	50.0% #843680	RGB 132 54 128	#843680
66.7%	66.7% #91417F	RGB 145 65 127	#91417F
83.3%	83.3% #9E4D7E	RGB 158 77 126	#9E4D7E
100.0%	100.0% #AB5B7D	RGB 171 91 125	#AB5B7D

#3E1B5E #55236A #6E2C77 #843680 #91417F #9E4D7E #AB5B7D

#3E1B5E - #843680 - #AB5B7D

CSS codes

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

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