#2D1E5E - #9D6387 | 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 #2D1E5E to #9D6387

#2D1E5E #9D6387

Calculate the color between two colors, #2D1E5E and #9D6387. 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)

#2D1E5E - #9D6387 | 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 #2D1E5E as 0% and #9D6387 as 100%.

0.0%	0.0% #2D1E5E	RGB 45 30 94	#2D1E5E
16.7%	16.7% #3F2964	RGB 63 41 100	#3F2964
33.3%	33.3% #52356B	RGB 82 53 107	#52356B
50.0%	50.0% #654072	RGB 101 64 114	#654072
66.7%	66.7% #774C79	RGB 119 76 121	#774C79
83.3%	83.3% #8A5780	RGB 138 87 128	#8A5780
100.0%	100.0% #9D6387	RGB 157 99 135	#9D6387

#2D1E5E #3F2964 #52356B #654072 #774C79 #8A5780 #9D6387

#2D1E5E - #9D6387

HSV Blend

#2D1E5E - #9D6387 | 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 #2D1E5E as 0% and #9D6387 as 100%.

0.0%	0.0% #2D1E5E	RGB 45 30 94	#2D1E5E
16.7%	16.7% #422668	RGB 66 38 104	#422668
33.3%	33.3% #593073	RGB 89 48 115	#593073
50.0%	50.0% #703B7D	RGB 112 59 125	#703B7D
66.7%	66.7% #874788	RGB 135 71 136	#874788
83.3%	83.3% #925486	RGB 146 84 134	#925486
100.0%	100.0% #9D6387	RGB 157 99 135	#9D6387

#2D1E5E #422668 #593073 #703B7D #874788 #925486 #9D6387

#2D1E5E - #703B7D - #9D6387

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D1E5E 0%, #703B7D 50%, #9D6387 100%);
    background: -webkit-linear-gradient(top, #2D1E5E 0%, #703B7D 50%, #9D6387 100%);
    background: linear-gradient(to bottom, #2D1E5E 0%, #703B7D 50%, #9D6387 100%);
}
</style>