#2D1D3E - #9C595D | 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 #2D1D3E to #9C595D

#2D1D3E #9C595D

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

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

0.0%	0.0% #2D1D3E	RGB 45 29 62	#2D1D3E
16.7%	16.7% #3F2743	RGB 63 39 67	#3F2743
33.3%	33.3% #523148	RGB 82 49 72	#523148
50.0%	50.0% #643B4D	RGB 100 59 77	#643B4D
66.7%	66.7% #774552	RGB 119 69 82	#774552
83.3%	83.3% #894F57	RGB 137 79 87	#894F57
100.0%	100.0% #9C595D	RGB 156 89 93	#9C595D

#2D1D3E #3F2743 #523148 #643B4D #774552 #894F57 #9C595D

#2D1D3E - #9C595D

HSV Blend

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

0.0%	0.0% #2D1D3E	RGB 45 29 62	#2D1D3E
16.7%	16.7% #42254D	RGB 66 37 77	#42254D
33.3%	33.3% #5B2E5D	RGB 91 46 93	#5B2E5D
50.0%	50.0% #6D3861	RGB 109 56 97	#6D3861
66.7%	66.7% #7C4262	RGB 124 66 98	#7C4262
83.3%	83.3% #8C4D60	RGB 140 77 96	#8C4D60
100.0%	100.0% #9C595D	RGB 156 89 93	#9C595D

#2D1D3E #42254D #5B2E5D #6D3861 #7C4262 #8C4D60 #9C595D

#2D1D3E - #6D3861 - #9C595D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D1D3E 0%, #6D3861 50%, #9C595D 100%);
    background: -webkit-linear-gradient(top, #2D1D3E 0%, #6D3861 50%, #9C595D 100%);
    background: linear-gradient(to bottom, #2D1D3E 0%, #6D3861 50%, #9C595D 100%);
}
</style>