#6E5E8C - #3B1F52 | 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 #6E5E8C to #3B1F52

#6E5E8C #3B1F52

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

#6E5E8C - #3B1F52 | 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 #6E5E8C as 0% and #3B1F52 as 100%.

0.0%	0.0% #6E5E8C	RGB 110 94 140	#6E5E8C
16.7%	16.7% #655382	RGB 101 83 130	#655382
33.3%	33.3% #5D4978	RGB 93 73 120	#5D4978
50.0%	50.0% #543E6F	RGB 84 62 111	#543E6F
66.7%	66.7% #4C3465	RGB 76 52 101	#4C3465
83.3%	83.3% #43295B	RGB 67 41 91	#43295B
100.0%	100.0% #3B1F52	RGB 59 31 82	#3B1F52

#6E5E8C #655382 #5D4978 #543E6F #4C3465 #43295B #3B1F52

#6E5E8C - #3B1F52

HSV Blend

#6E5E8C - #3B1F52 | 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 #6E5E8C as 0% and #3B1F52 as 100%.

0.0%	0.0% #6E5E8C	RGB 110 94 140	#6E5E8C
16.7%	16.7% #635182	RGB 99 81 130	#635182
33.3%	33.3% #5A4578	RGB 90 69 120	#5A4578
50.0%	50.0% #513A6F	RGB 81 58 111	#513A6F
66.7%	66.7% #493065	RGB 73 48 101	#493065
83.3%	83.3% #42275B	RGB 66 39 91	#42275B
100.0%	100.0% #3B1F52	RGB 59 31 82	#3B1F52

#6E5E8C #635182 #5A4578 #513A6F #493065 #42275B #3B1F52

#6E5E8C - #513A6F - #3B1F52

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6E5E8C 0%, #513A6F 50%, #3B1F52 100%);
    background: -webkit-linear-gradient(top, #6E5E8C 0%, #513A6F 50%, #3B1F52 100%);
    background: linear-gradient(to bottom, #6E5E8C 0%, #513A6F 50%, #3B1F52 100%);
}
</style>