#2D1B6B - #1D0111 | 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 #2D1B6B to #1D0111

#2D1B6B #1D0111

Calculate the color between two colors, #2D1B6B and #1D0111. 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)

#2D1B6B - #1D0111 | 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 #2D1B6B as 0% and #1D0111 as 100%.

0.0%	0.0% #2D1B6B	RGB 45 27 107	#2D1B6B
16.7%	16.7% #2A165C	RGB 42 22 92	#2A165C
33.3%	33.3% #27124D	RGB 39 18 77	#27124D
50.0%	50.0% #250E3E	RGB 37 14 62	#250E3E
66.7%	66.7% #22092F	RGB 34 9 47	#22092F
83.3%	83.3% #1F0520	RGB 31 5 32	#1F0520
100.0%	100.0% #1D0111	RGB 29 1 17	#1D0111

#2D1B6B #2A165C #27124D #250E3E #22092F #1F0520 #1D0111

#2D1B6B - #1D0111

HSV Blend

#2D1B6B - #1D0111 | 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 #2D1B6B as 0% and #1D0111 as 100%.

0.0%	0.0% #2C1B6B	RGB 44 27 107	#2C1B6B
16.7%	16.7% #33145E	RGB 51 20 94	#33145E
33.3%	33.3% #380E51	RGB 56 14 81	#380E51
50.0%	50.0% #390944	RGB 57 9 68	#390944
66.7%	66.7% #370535	RGB 55 5 53	#370535
83.3%	83.3% #2A0221	RGB 42 2 33	#2A0221
100.0%	100.0% #1D0111	RGB 29 1 17	#1D0111

#2C1B6B #33145E #380E51 #390944 #370535 #2A0221 #1D0111

#2D1B6B - #390944 - #1D0111

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2C1B6B 0%, #390944 50%, #1D0111 100%);
    background: -webkit-linear-gradient(top, #2C1B6B 0%, #390944 50%, #1D0111 100%);
    background: linear-gradient(to bottom, #2C1B6B 0%, #390944 50%, #1D0111 100%);
}
</style>