#6E3E6B - #4E061E | 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 #6E3E6B to #4E061E

#6E3E6B #4E061E

Calculate the color between two colors, #6E3E6B and #4E061E. 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)

#6E3E6B - #4E061E | 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 #6E3E6B as 0% and #4E061E as 100%.

0.0%	0.0% #6E3E6B	RGB 110 62 107	#6E3E6B
16.7%	16.7% #68345E	RGB 104 52 94	#68345E
33.3%	33.3% #632B51	RGB 99 43 81	#632B51
50.0%	50.0% #5E2244	RGB 94 34 68	#5E2244
66.7%	66.7% #581837	RGB 88 24 55	#581837
83.3%	83.3% #530F2A	RGB 83 15 42	#530F2A
100.0%	100.0% #4E061E	RGB 78 6 30	#4E061E

#6E3E6B #68345E #632B51 #5E2244 #581837 #530F2A #4E061E

#6E3E6B - #4E061E

HSV Blend

#6E3E6B - #4E061E | 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 #6E3E6B as 0% and #4E061E as 100%.

0.0%	0.0% #6E3E6B	RGB 110 62 107	#6E3E6B
16.7%	16.7% #68325F	RGB 104 50 95	#68325F
33.3%	33.3% #632753	RGB 99 39 83	#632753
50.0%	50.0% #5E1E46	RGB 94 30 70	#5E1E46
66.7%	66.7% #581539	RGB 88 21 57	#581539
83.3%	83.3% #530D2B	RGB 83 13 43	#530D2B
100.0%	100.0% #4E061E	RGB 78 6 30	#4E061E

#6E3E6B #68325F #632753 #5E1E46 #581539 #530D2B #4E061E

#6E3E6B - #5E1E46 - #4E061E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6E3E6B 0%, #5E1E46 50%, #4E061E 100%);
    background: -webkit-linear-gradient(top, #6E3E6B 0%, #5E1E46 50%, #4E061E 100%);
    background: linear-gradient(to bottom, #6E3E6B 0%, #5E1E46 50%, #4E061E 100%);
}
</style>