#6D5EAF - #341B79 | 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 #6D5EAF to #341B79

#6D5EAF #341B79

Calculate the color between two colors, #6D5EAF and #341B79. 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)

#6D5EAF - #341B79 | 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 #6D5EAF as 0% and #341B79 as 100%.

0.0%	0.0% #6D5EAF	RGB 109 94 175	#6D5EAF
16.7%	16.7% #6352A6	RGB 99 82 166	#6352A6
33.3%	33.3% #5A479D	RGB 90 71 157	#5A479D
50.0%	50.0% #503C94	RGB 80 60 148	#503C94
66.7%	66.7% #47318B	RGB 71 49 139	#47318B
83.3%	83.3% #3D2682	RGB 61 38 130	#3D2682
100.0%	100.0% #341B79	RGB 52 27 121	#341B79

#6D5EAF #6352A6 #5A479D #503C94 #47318B #3D2682 #341B79

#6D5EAF - #341B79

HSV Blend

#6D5EAF - #341B79 | 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 #6D5EAF as 0% and #341B79 as 100%.

0.0%	0.0% #6D5EAF	RGB 109 94 175	#6D5EAF
16.7%	16.7% #6150A6	RGB 97 80 166	#6150A6
33.3%	33.3% #56439D	RGB 86 67 157	#56439D
50.0%	50.0% #4C3894	RGB 76 56 148	#4C3894
66.7%	66.7% #432D8B	RGB 67 45 139	#432D8B
83.3%	83.3% #3B2382	RGB 59 35 130	#3B2382
100.0%	100.0% #341B79	RGB 52 27 121	#341B79

#6D5EAF #6150A6 #56439D #4C3894 #432D8B #3B2382 #341B79

#6D5EAF - #4C3894 - #341B79

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D5EAF 0%, #4C3894 50%, #341B79 100%);
    background: -webkit-linear-gradient(top, #6D5EAF 0%, #4C3894 50%, #341B79 100%);
    background: linear-gradient(to bottom, #6D5EAF 0%, #4C3894 50%, #341B79 100%);
}
</style>