#3E1E5E - #C7BED1 | 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 #3E1E5E to #C7BED1

#3E1E5E #C7BED1

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

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

0.0%	0.0% #3E1E5E	RGB 62 30 94	#3E1E5E
16.7%	16.7% #543871	RGB 84 56 113	#543871
33.3%	33.3% #6B5384	RGB 107 83 132	#6B5384
50.0%	50.0% #826E97	RGB 130 110 151	#826E97
66.7%	66.7% #9988AA	RGB 153 136 170	#9988AA
83.3%	83.3% #B0A3BD	RGB 176 163 189	#B0A3BD
100.0%	100.0% #C7BED1	RGB 199 190 209	#C7BED1

#3E1E5E #543871 #6B5384 #826E97 #9988AA #B0A3BD #C7BED1

#3E1E5E - #C7BED1

HSV Blend

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

0.0%	0.0% #3E1E5E	RGB 62 30 94	#3E1E5E
16.7%	16.7% #4F2F71	RGB 79 47 113	#4F2F71
33.3%	33.3% #634484	RGB 99 68 132	#634484
50.0%	50.0% #795D97	RGB 121 93 151	#795D97
66.7%	66.7% #9179AA	RGB 145 121 170	#9179AA
83.3%	83.3% #AB99BD	RGB 171 153 189	#AB99BD
100.0%	100.0% #C7BED1	RGB 199 190 209	#C7BED1

#3E1E5E #4F2F71 #634484 #795D97 #9179AA #AB99BD #C7BED1

#3E1E5E - #795D97 - #C7BED1

CSS codes

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

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