#6B5BA4 - #1E192E | 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 #6B5BA4 to #1E192E

#6B5BA4 #1E192E

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

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

0.0%	0.0% #6B5BA4	RGB 107 91 164	#6B5BA4
16.7%	16.7% #5E5090	RGB 94 80 144	#5E5090
33.3%	33.3% #51457C	RGB 81 69 124	#51457C
50.0%	50.0% #443A69	RGB 68 58 105	#443A69
66.7%	66.7% #372F55	RGB 55 47 85	#372F55
83.3%	83.3% #2A2441	RGB 42 36 65	#2A2441
100.0%	100.0% #1E192E	RGB 30 25 46	#1E192E

#6B5BA4 #5E5090 #51457C #443A69 #372F55 #2A2441 #1E192E

#6B5BA4 - #1E192E

HSV Blend

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

0.0%	0.0% #6B5BA4	RGB 107 91 164	#6B5BA4
16.7%	16.7% #5E4F90	RGB 94 79 144	#5E4F90
33.3%	33.3% #51447C	RGB 81 68 124	#51447C
50.0%	50.0% #443969	RGB 68 57 105	#443969
66.7%	66.7% #372E55	RGB 55 46 85	#372E55
83.3%	83.3% #2A2341	RGB 42 35 65	#2A2341
100.0%	100.0% #1E192E	RGB 30 25 46	#1E192E

#6B5BA4 #5E4F90 #51447C #443969 #372E55 #2A2341 #1E192E

#6B5BA4 - #443969 - #1E192E

CSS codes

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

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