#5A2D5E - #130E17 | 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 #5A2D5E to #130E17

#5A2D5E #130E17

Calculate the color between two colors, #5A2D5E and #130E17. 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)

#5A2D5E - #130E17 | 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 #5A2D5E as 0% and #130E17 as 100%.

0.0%	0.0% #5A2D5E	RGB 90 45 94	#5A2D5E
16.7%	16.7% #4E2752	RGB 78 39 82	#4E2752
33.3%	33.3% #422246	RGB 66 34 70	#422246
50.0%	50.0% #361D3A	RGB 54 29 58	#361D3A
66.7%	66.7% #2A182E	RGB 42 24 46	#2A182E
83.3%	83.3% #1E1322	RGB 30 19 34	#1E1322
100.0%	100.0% #130E17	RGB 19 14 23	#130E17

#5A2D5E #4E2752 #422246 #361D3A #2A182E #1E1322 #130E17

#5A2D5E - #130E17

HSV Blend

#5A2D5E - #130E17 | 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 #5A2D5E as 0% and #130E17 as 100%.

0.0%	0.0% #5A2D5E	RGB 90 45 94	#5A2D5E
16.7%	16.7% #4C2952	RGB 76 41 82	#4C2952
33.3%	33.3% #3F2446	RGB 63 36 70	#3F2446
50.0%	50.0% #331F3A	RGB 51 31 58	#331F3A
66.7%	66.7% #281A2E	RGB 40 26 46	#281A2E
83.3%	83.3% #1D1422	RGB 29 20 34	#1D1422
100.0%	100.0% #130E17	RGB 19 14 23	#130E17

#5A2D5E #4C2952 #3F2446 #331F3A #281A2E #1D1422 #130E17

#5A2D5E - #331F3A - #130E17

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A2D5E 0%, #331F3A 50%, #130E17 100%);
    background: -webkit-linear-gradient(top, #5A2D5E 0%, #331F3A 50%, #130E17 100%);
    background: linear-gradient(to bottom, #5A2D5E 0%, #331F3A 50%, #130E17 100%);
}
</style>