#6E5E9F - #1F1A2D | 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 #6E5E9F to #1F1A2D

#6E5E9F #1F1A2D

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

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

0.0%	0.0% #6E5E9F	RGB 110 94 159	#6E5E9F
16.7%	16.7% #60528C	RGB 96 82 140	#60528C
33.3%	33.3% #534779	RGB 83 71 121	#534779
50.0%	50.0% #463C66	RGB 70 60 102	#463C66
66.7%	66.7% #393053	RGB 57 48 83	#393053
83.3%	83.3% #2C2540	RGB 44 37 64	#2C2540
100.0%	100.0% #1F1A2D	RGB 31 26 45	#1F1A2D

#6E5E9F #60528C #534779 #463C66 #393053 #2C2540 #1F1A2D

#6E5E9F - #1F1A2D

HSV Blend

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

0.0%	0.0% #6E5E9F	RGB 110 94 159	#6E5E9F
16.7%	16.7% #60528C	RGB 96 82 140	#60528C
33.3%	33.3% #534679	RGB 83 70 121	#534679
50.0%	50.0% #463B66	RGB 70 59 102	#463B66
66.7%	66.7% #393053	RGB 57 48 83	#393053
83.3%	83.3% #2C2540	RGB 44 37 64	#2C2540
100.0%	100.0% #1F1A2D	RGB 31 26 45	#1F1A2D

#6E5E9F #60528C #534679 #463B66 #393053 #2C2540 #1F1A2D

#6E5E9F - #463B66 - #1F1A2D

CSS codes

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

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