#310040 - #862D5C | 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 #310040 to #862D5C

#310040 #862D5C

Calculate the color between two colors, #310040 and #862D5C. 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)

#310040 - #862D5C | 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 #310040 as 0% and #862D5C as 100%.

0.0%	0.0% #310040	RGB 49 0 64	#310040
16.7%	16.7% #3F0744	RGB 63 7 68	#3F0744
33.3%	33.3% #4D0F49	RGB 77 15 73	#4D0F49
50.0%	50.0% #5B164E	RGB 91 22 78	#5B164E
66.7%	66.7% #691E52	RGB 105 30 82	#691E52
83.3%	83.3% #772557	RGB 119 37 87	#772557
100.0%	100.0% #862D5C	RGB 134 45 92	#862D5C

#310040 #3F0744 #4D0F49 #5B164E #691E52 #772557 #862D5C

#310040 - #862D5C

HSV Blend

#310040 - #862D5C | 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 #310040 as 0% and #862D5C as 100%.

0.0%	0.0% #300040	RGB 48 0 64	#300040
16.7%	16.7% #43044B	RGB 67 4 75	#43044B
33.3%	33.3% #570957	RGB 87 9 87	#570957
50.0%	50.0% #631059	RGB 99 16 89	#631059
66.7%	66.7% #6E185A	RGB 110 24 90	#6E185A
83.3%	83.3% #7A225B	RGB 122 34 91	#7A225B
100.0%	100.0% #862D5C	RGB 134 45 92	#862D5C

#300040 #43044B #570957 #631059 #6E185A #7A225B #862D5C

#310040 - #631059 - #862D5C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #300040 0%, #631059 50%, #862D5C 100%);
    background: -webkit-linear-gradient(top, #300040 0%, #631059 50%, #862D5C 100%);
    background: linear-gradient(to bottom, #300040 0%, #631059 50%, #862D5C 100%);
}
</style>