#2D0E3E - #8D435B | 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 #2D0E3E to #8D435B

#2D0E3E #8D435B

Calculate the color between two colors, #2D0E3E and #8D435B. 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)

#2D0E3E - #8D435B | 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 #2D0E3E as 0% and #8D435B as 100%.

0.0%	0.0% #2D0E3E	RGB 45 14 62	#2D0E3E
16.7%	16.7% #3D1642	RGB 61 22 66	#3D1642
33.3%	33.3% #4D1F47	RGB 77 31 71	#4D1F47
50.0%	50.0% #5D284C	RGB 93 40 76	#5D284C
66.7%	66.7% #6D3151	RGB 109 49 81	#6D3151
83.3%	83.3% #7D3A56	RGB 125 58 86	#7D3A56
100.0%	100.0% #8D435B	RGB 141 67 91	#8D435B

#2D0E3E #3D1642 #4D1F47 #5D284C #6D3151 #7D3A56 #8D435B

#2D0E3E - #8D435B

HSV Blend

#2D0E3E - #8D435B | 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 #2D0E3E as 0% and #8D435B as 100%.

0.0%	0.0% #2C0E3E	RGB 44 14 62	#2C0E3E
16.7%	16.7% #41144B	RGB 65 20 75	#41144B
33.3%	33.3% #571B58	RGB 87 27 88	#571B58
50.0%	50.0% #65235A	RGB 101 35 90	#65235A
66.7%	66.7% #722C5B	RGB 114 44 91	#722C5B
83.3%	83.3% #7F375B	RGB 127 55 91	#7F375B
100.0%	100.0% #8D435B	RGB 141 67 91	#8D435B

#2C0E3E #41144B #571B58 #65235A #722C5B #7F375B #8D435B

#2D0E3E - #65235A - #8D435B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2C0E3E 0%, #65235A 50%, #8D435B 100%);
    background: -webkit-linear-gradient(top, #2C0E3E 0%, #65235A 50%, #8D435B 100%);
    background: linear-gradient(to bottom, #2C0E3E 0%, #65235A 50%, #8D435B 100%);
}
</style>