#311039 - #7E3881 | 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 #311039 to #7E3881

#311039 #7E3881

Calculate the color between two colors, #311039 and #7E3881. 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)

#311039 - #7E3881 | 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 #311039 as 0% and #7E3881 as 100%.

0.0%	0.0% #311039	RGB 49 16 57	#311039
16.7%	16.7% #3D1645	RGB 61 22 69	#3D1645
33.3%	33.3% #4A1D51	RGB 74 29 81	#4A1D51
50.0%	50.0% #57245D	RGB 87 36 93	#57245D
66.7%	66.7% #642A69	RGB 100 42 105	#642A69
83.3%	83.3% #713175	RGB 113 49 117	#713175
100.0%	100.0% #7E3881	RGB 126 56 129	#7E3881

#311039 #3D1645 #4A1D51 #57245D #642A69 #713175 #7E3881

#311039 - #7E3881

HSV Blend

#311039 - #7E3881 | 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 #311039 as 0% and #7E3881 as 100%.

0.0%	0.0% #311039	RGB 49 16 57	#311039
16.7%	16.7% #3C1545	RGB 60 21 69	#3C1545
33.3%	33.3% #491A51	RGB 73 26 81	#491A51
50.0%	50.0% #55215D	RGB 85 33 93	#55215D
66.7%	66.7% #632869	RGB 99 40 105	#632869
83.3%	83.3% #702F75	RGB 112 47 117	#702F75
100.0%	100.0% #7E3881	RGB 126 56 129	#7E3881

#311039 #3C1545 #491A51 #55215D #632869 #702F75 #7E3881

#311039 - #55215D - #7E3881

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #311039 0%, #55215D 50%, #7E3881 100%);
    background: -webkit-linear-gradient(top, #311039 0%, #55215D 50%, #7E3881 100%);
    background: linear-gradient(to bottom, #311039 0%, #55215D 50%, #7E3881 100%);
}
</style>