#6D6892 - #3A1A3E | 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 #6D6892 to #3A1A3E

#6D6892 #3A1A3E

Calculate the color between two colors, #6D6892 and #3A1A3E. 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)

#6D6892 - #3A1A3E | 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 #6D6892 as 0% and #3A1A3E as 100%.

0.0%	0.0% #6D6892	RGB 109 104 146	#6D6892
16.7%	16.7% #645B84	RGB 100 91 132	#645B84
33.3%	33.3% #5C4E76	RGB 92 78 118	#5C4E76
50.0%	50.0% #534168	RGB 83 65 104	#534168
66.7%	66.7% #4B345A	RGB 75 52 90	#4B345A
83.3%	83.3% #42274C	RGB 66 39 76	#42274C
100.0%	100.0% #3A1A3E	RGB 58 26 62	#3A1A3E

#6D6892 #645B84 #5C4E76 #534168 #4B345A #42274C #3A1A3E

#6D6892 - #3A1A3E

HSV Blend

#6D6892 - #3A1A3E | 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 #6D6892 as 0% and #3A1A3E as 100%.

0.0%	0.0% #6D6892	RGB 109 104 146	#6D6892
16.7%	16.7% #625784	RGB 98 87 132	#625784
33.3%	33.3% #594876	RGB 89 72 118	#594876
50.0%	50.0% #513A68	RGB 81 58 104	#513A68
66.7%	66.7% #4A2E5A	RGB 74 46 90	#4A2E5A
83.3%	83.3% #42234C	RGB 66 35 76	#42234C
100.0%	100.0% #3A1A3E	RGB 58 26 62	#3A1A3E

#6D6892 #625784 #594876 #513A68 #4A2E5A #42234C #3A1A3E

#6D6892 - #513A68 - #3A1A3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D6892 0%, #513A68 50%, #3A1A3E 100%);
    background: -webkit-linear-gradient(top, #6D6892 0%, #513A68 50%, #3A1A3E 100%);
    background: linear-gradient(to bottom, #6D6892 0%, #513A68 50%, #3A1A3E 100%);
}
</style>