#5C3E5E - #2D0E23 | 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 #5C3E5E to #2D0E23

#5C3E5E #2D0E23

Calculate the color between two colors, #5C3E5E and #2D0E23. 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)

#5C3E5E - #2D0E23 | 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 #5C3E5E as 0% and #2D0E23 as 100%.

0.0%	0.0% #5C3E5E	RGB 92 62 94	#5C3E5E
16.7%	16.7% #543654	RGB 84 54 84	#543654
33.3%	33.3% #4C2E4A	RGB 76 46 74	#4C2E4A
50.0%	50.0% #442640	RGB 68 38 64	#442640
66.7%	66.7% #3C1E36	RGB 60 30 54	#3C1E36
83.3%	83.3% #34162C	RGB 52 22 44	#34162C
100.0%	100.0% #2D0E23	RGB 45 14 35	#2D0E23

#5C3E5E #543654 #4C2E4A #442640 #3C1E36 #34162C #2D0E23

#5C3E5E - #2D0E23

HSV Blend

#5C3E5E - #2D0E23 | 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 #5C3E5E as 0% and #2D0E23 as 100%.

0.0%	0.0% #5C3E5E	RGB 92 62 94	#5C3E5E
16.7%	16.7% #553355	RGB 85 51 85	#553355
33.3%	33.3% #4D2A4B	RGB 77 42 75	#4D2A4B
50.0%	50.0% #452140	RGB 69 33 64	#452140
66.7%	66.7% #3D1A36	RGB 61 26 54	#3D1A36
83.3%	83.3% #35132C	RGB 53 19 44	#35132C
100.0%	100.0% #2D0E23	RGB 45 14 35	#2D0E23

#5C3E5E #553355 #4D2A4B #452140 #3D1A36 #35132C #2D0E23

#5C3E5E - #452140 - #2D0E23

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5C3E5E 0%, #452140 50%, #2D0E23 100%);
    background: -webkit-linear-gradient(top, #5C3E5E 0%, #452140 50%, #2D0E23 100%);
    background: linear-gradient(to bottom, #5C3E5E 0%, #452140 50%, #2D0E23 100%);
}
</style>