#6D5EAD - #2B205A | 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 #6D5EAD to #2B205A

#6D5EAD #2B205A

Calculate the color between two colors, #6D5EAD and #2B205A. 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)

#6D5EAD - #2B205A | 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 #6D5EAD as 0% and #2B205A as 100%.

0.0%	0.0% #6D5EAD	RGB 109 94 173	#6D5EAD
16.7%	16.7% #62539F	RGB 98 83 159	#62539F
33.3%	33.3% #574991	RGB 87 73 145	#574991
50.0%	50.0% #4C3F83	RGB 76 63 131	#4C3F83
66.7%	66.7% #413475	RGB 65 52 117	#413475
83.3%	83.3% #362A67	RGB 54 42 103	#362A67
100.0%	100.0% #2B205A	RGB 43 32 90	#2B205A

#6D5EAD #62539F #574991 #4C3F83 #413475 #362A67 #2B205A

#6D5EAD - #2B205A

HSV Blend

#6D5EAD - #2B205A | 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 #6D5EAD as 0% and #2B205A as 100%.

0.0%	0.0% #6C5EAD	RGB 108 94 173	#6C5EAD
16.7%	16.7% #60519F	RGB 96 81 159	#60519F
33.3%	33.3% #544591	RGB 84 69 145	#544591
50.0%	50.0% #483B83	RGB 72 59 131	#483B83
66.7%	66.7% #3E3175	RGB 62 49 117	#3E3175
83.3%	83.3% #342867	RGB 52 40 103	#342867
100.0%	100.0% #2B205A	RGB 43 32 90	#2B205A

#6C5EAD #60519F #544591 #483B83 #3E3175 #342867 #2B205A

#6D5EAD - #483B83 - #2B205A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6C5EAD 0%, #483B83 50%, #2B205A 100%);
    background: -webkit-linear-gradient(top, #6C5EAD 0%, #483B83 50%, #2B205A 100%);
    background: linear-gradient(to bottom, #6C5EAD 0%, #483B83 50%, #2B205A 100%);
}
</style>