#6B6B9F - #1E2E4D | 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 #6B6B9F to #1E2E4D

#6B6B9F #1E2E4D

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

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

0.0%	0.0% #6B6B9F	RGB 107 107 159	#6B6B9F
16.7%	16.7% #5E6091	RGB 94 96 145	#5E6091
33.3%	33.3% #515683	RGB 81 86 131	#515683
50.0%	50.0% #444C76	RGB 68 76 118	#444C76
66.7%	66.7% #374268	RGB 55 66 104	#374268
83.3%	83.3% #2A385A	RGB 42 56 90	#2A385A
100.0%	100.0% #1E2E4D	RGB 30 46 77	#1E2E4D

#6B6B9F #5E6091 #515683 #444C76 #374268 #2A385A #1E2E4D

#6B6B9F - #1E2E4D

HSV Blend

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

0.0%	0.0% #6B6B9F	RGB 107 107 159	#6B6B9F
16.7%	16.7% #5A5E91	RGB 90 94 145	#5A5E91
33.3%	33.3% #4C5283	RGB 76 82 131	#4C5283
50.0%	50.0% #3E4876	RGB 62 72 118	#3E4876
66.7%	66.7% #323E68	RGB 50 62 104	#323E68
83.3%	83.3% #27365A	RGB 39 54 90	#27365A
100.0%	100.0% #1E2E4D	RGB 30 46 77	#1E2E4D

#6B6B9F #5A5E91 #4C5283 #3E4876 #323E68 #27365A #1E2E4D

#6B6B9F - #3E4876 - #1E2E4D

CSS codes

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

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