#31144D - #7C379C | 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 #31144D to #7C379C

#31144D #7C379C

Calculate the color between two colors, #31144D and #7C379C. 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)

#31144D - #7C379C | 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 #31144D as 0% and #7C379C as 100%.

0.0%	0.0% #31144D	RGB 49 20 77	#31144D
16.7%	16.7% #3D195A	RGB 61 25 90	#3D195A
33.3%	33.3% #4A1F67	RGB 74 31 103	#4A1F67
50.0%	50.0% #562574	RGB 86 37 116	#562574
66.7%	66.7% #632B81	RGB 99 43 129	#632B81
83.3%	83.3% #6F318E	RGB 111 49 142	#6F318E
100.0%	100.0% #7C379C	RGB 124 55 156	#7C379C

#31144D #3D195A #4A1F67 #562574 #632B81 #6F318E #7C379C

#31144D - #7C379C

HSV Blend

#31144D - #7C379C | 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 #31144D as 0% and #7C379C as 100%.

0.0%	0.0% #31134D	RGB 49 19 77	#31134D
16.7%	16.7% #3B185A	RGB 59 24 90	#3B185A
33.3%	33.3% #471E67	RGB 71 30 103	#471E67
50.0%	50.0% #532374	RGB 83 35 116	#532374
66.7%	66.7% #602981	RGB 96 41 129	#602981
83.3%	83.3% #6E308E	RGB 110 48 142	#6E308E
100.0%	100.0% #7C379C	RGB 124 55 156	#7C379C

#31134D #3B185A #471E67 #532374 #602981 #6E308E #7C379C

#31144D - #532374 - #7C379C

CSS codes

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

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