#6C5E98 - #1E1A2B | 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 #6C5E98 to #1E1A2B

#6C5E98 #1E1A2B

Calculate the color between two colors, #6C5E98 and #1E1A2B. 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)

#6C5E98 - #1E1A2B | 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 #6C5E98 as 0% and #1E1A2B as 100%.

0.0%	0.0% #6C5E98	RGB 108 94 152	#6C5E98
16.7%	16.7% #5F5285	RGB 95 82 133	#5F5285
33.3%	33.3% #524773	RGB 82 71 115	#524773
50.0%	50.0% #453C61	RGB 69 60 97	#453C61
66.7%	66.7% #38304F	RGB 56 48 79	#38304F
83.3%	83.3% #2B253D	RGB 43 37 61	#2B253D
100.0%	100.0% #1E1A2B	RGB 30 26 43	#1E1A2B

#6C5E98 #5F5285 #524773 #453C61 #38304F #2B253D #1E1A2B

#6C5E98 - #1E1A2B

HSV Blend

#6C5E98 - #1E1A2B | 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 #6C5E98 as 0% and #1E1A2B as 100%.

0.0%	0.0% #6C5E98	RGB 108 94 152	#6C5E98
16.7%	16.7% #5E5285	RGB 94 82 133	#5E5285
33.3%	33.3% #514673	RGB 81 70 115	#514673
50.0%	50.0% #443B61	RGB 68 59 97	#443B61
66.7%	66.7% #37304F	RGB 55 48 79	#37304F
83.3%	83.3% #2A253D	RGB 42 37 61	#2A253D
100.0%	100.0% #1E1A2B	RGB 30 26 43	#1E1A2B

#6C5E98 #5E5285 #514673 #443B61 #37304F #2A253D #1E1A2B

#6C5E98 - #443B61 - #1E1A2B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6C5E98 0%, #443B61 50%, #1E1A2B 100%);
    background: -webkit-linear-gradient(top, #6C5E98 0%, #443B61 50%, #1E1A2B 100%);
    background: linear-gradient(to bottom, #6C5E98 0%, #443B61 50%, #1E1A2B 100%);
}
</style>