#726A8D - #3A1D3B | 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 #726A8D to #3A1D3B

#726A8D #3A1D3B

Calculate the color between two colors, #726A8D and #3A1D3B. 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)

#726A8D - #3A1D3B | 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 #726A8D as 0% and #3A1D3B as 100%.

0.0%	0.0% #726A8D	RGB 114 106 141	#726A8D
16.7%	16.7% #685D7F	RGB 104 93 127	#685D7F
33.3%	33.3% #5F5071	RGB 95 80 113	#5F5071
50.0%	50.0% #564364	RGB 86 67 100	#564364
66.7%	66.7% #4C3656	RGB 76 54 86	#4C3656
83.3%	83.3% #432948	RGB 67 41 72	#432948
100.0%	100.0% #3A1D3B	RGB 58 29 59	#3A1D3B

#726A8D #685D7F #5F5071 #564364 #4C3656 #432948 #3A1D3B

#726A8D - #3A1D3B

HSV Blend

#726A8D - #3A1D3B | 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 #726A8D as 0% and #3A1D3B as 100%.

0.0%	0.0% #726A8D	RGB 114 106 141	#726A8D
16.7%	16.7% #675A7F	RGB 103 90 127	#675A7F
33.3%	33.3% #5D4B71	RGB 93 75 113	#5D4B71
50.0%	50.0% #543E64	RGB 84 62 100	#543E64
66.7%	66.7% #4C3156	RGB 76 49 86	#4C3156
83.3%	83.3% #432648	RGB 67 38 72	#432648
100.0%	100.0% #3A1D3B	RGB 58 29 59	#3A1D3B

#726A8D #675A7F #5D4B71 #543E64 #4C3156 #432648 #3A1D3B

#726A8D - #543E64 - #3A1D3B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #726A8D 0%, #543E64 50%, #3A1D3B 100%);
    background: -webkit-linear-gradient(top, #726A8D 0%, #543E64 50%, #3A1D3B 100%);
    background: linear-gradient(to bottom, #726A8D 0%, #543E64 50%, #3A1D3B 100%);
}
</style>