#5E385C - #29003A | 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 #5E385C to #29003A

#5E385C #29003A

Calculate the color between two colors, #5E385C and #29003A. 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)

#5E385C - #29003A | 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 #5E385C as 0% and #29003A as 100%.

0.0%	0.0% #5E385C	RGB 94 56 92	#5E385C
16.7%	16.7% #552E56	RGB 85 46 86	#552E56
33.3%	33.3% #4C2550	RGB 76 37 80	#4C2550
50.0%	50.0% #431C4B	RGB 67 28 75	#431C4B
66.7%	66.7% #3A1245	RGB 58 18 69	#3A1245
83.3%	83.3% #31093F	RGB 49 9 63	#31093F
100.0%	100.0% #29003A	RGB 41 0 58	#29003A

#5E385C #552E56 #4C2550 #431C4B #3A1245 #31093F #29003A

#5E385C - #29003A

HSV Blend

#5E385C - #29003A | 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 #5E385C as 0% and #29003A as 100%.

0.0%	0.0% #5E385C	RGB 94 56 92	#5E385C
16.7%	16.7% #572B58	RGB 87 43 88	#572B58
33.3%	33.3% #4E2052	RGB 78 32 82	#4E2052
50.0%	50.0% #45164C	RGB 69 22 76	#45164C
66.7%	66.7% #3C0D46	RGB 60 13 70	#3C0D46
83.3%	83.3% #320640	RGB 50 6 64	#320640
100.0%	100.0% #29003A	RGB 41 0 58	#29003A

#5E385C #572B58 #4E2052 #45164C #3C0D46 #320640 #29003A

#5E385C - #45164C - #29003A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E385C 0%, #45164C 50%, #29003A 100%);
    background: -webkit-linear-gradient(top, #5E385C 0%, #45164C 50%, #29003A 100%);
    background: linear-gradient(to bottom, #5E385C 0%, #45164C 50%, #29003A 100%);
}
</style>