#6D1F8C - #1F0828 | 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 #6D1F8C to #1F0828

#6D1F8C #1F0828

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

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

0.0%	0.0% #6D1F8C	RGB 109 31 140	#6D1F8C
16.7%	16.7% #601B7B	RGB 96 27 123	#601B7B
33.3%	33.3% #53176A	RGB 83 23 106	#53176A
50.0%	50.0% #46135A	RGB 70 19 90	#46135A
66.7%	66.7% #390F49	RGB 57 15 73	#390F49
83.3%	83.3% #2C0B38	RGB 44 11 56	#2C0B38
100.0%	100.0% #1F0828	RGB 31 8 40	#1F0828

#6D1F8C #601B7B #53176A #46135A #390F49 #2C0B38 #1F0828

#6D1F8C - #1F0828

HSV Blend

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

0.0%	0.0% #6D1F8C	RGB 109 31 140	#6D1F8C
16.7%	16.7% #5F1A7B	RGB 95 26 123	#5F1A7B
33.3%	33.3% #52166A	RGB 82 22 106	#52166A
50.0%	50.0% #45125A	RGB 69 18 90	#45125A
66.7%	66.7% #380F49	RGB 56 15 73	#380F49
83.3%	83.3% #2B0B38	RGB 43 11 56	#2B0B38
100.0%	100.0% #1F0828	RGB 31 8 40	#1F0828

#6D1F8C #5F1A7B #52166A #45125A #380F49 #2B0B38 #1F0828

#6D1F8C - #45125A - #1F0828

CSS codes

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

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