#6D3C6C - #3D044B | 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 #6D3C6C to #3D044B

#6D3C6C #3D044B

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

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

0.0%	0.0% #6D3C6C	RGB 109 60 108	#6D3C6C
16.7%	16.7% #653266	RGB 101 50 102	#653266
33.3%	33.3% #5D2961	RGB 93 41 97	#5D2961
50.0%	50.0% #55205B	RGB 85 32 91	#55205B
66.7%	66.7% #4D1656	RGB 77 22 86	#4D1656
83.3%	83.3% #450D50	RGB 69 13 80	#450D50
100.0%	100.0% #3D044B	RGB 61 4 75	#3D044B

#6D3C6C #653266 #5D2961 #55205B #4D1656 #450D50 #3D044B

#6D3C6C - #3D044B

HSV Blend

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

0.0%	0.0% #6D3C6C	RGB 109 60 108	#6D3C6C
16.7%	16.7% #663067	RGB 102 48 103	#663067
33.3%	33.3% #5E2561	RGB 94 37 97	#5E2561
50.0%	50.0% #561B5C	RGB 86 27 92	#561B5C
66.7%	66.7% #4D1256	RGB 77 18 86	#4D1256
83.3%	83.3% #450A50	RGB 69 10 80	#450A50
100.0%	100.0% #3D044B	RGB 61 4 75	#3D044B

#6D3C6C #663067 #5E2561 #561B5C #4D1256 #450A50 #3D044B

#6D3C6C - #561B5C - #3D044B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D3C6C 0%, #561B5C 50%, #3D044B 100%);
    background: -webkit-linear-gradient(top, #6D3C6C 0%, #561B5C 50%, #3D044B 100%);
    background: linear-gradient(to bottom, #6D3C6C 0%, #561B5C 50%, #3D044B 100%);
}
</style>