#5E3C6E - #1F0E1F | 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 #5E3C6E to #1F0E1F

#5E3C6E #1F0E1F

Calculate the color between two colors, #5E3C6E and #1F0E1F. 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)

#5E3C6E - #1F0E1F | 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 #5E3C6E as 0% and #1F0E1F as 100%.

0.0%	0.0% #5E3C6E	RGB 94 60 110	#5E3C6E
16.7%	16.7% #533460	RGB 83 52 96	#533460
33.3%	33.3% #492C53	RGB 73 44 83	#492C53
50.0%	50.0% #3E2546	RGB 62 37 70	#3E2546
66.7%	66.7% #341D39	RGB 52 29 57	#341D39
83.3%	83.3% #29152C	RGB 41 21 44	#29152C
100.0%	100.0% #1F0E1F	RGB 31 14 31	#1F0E1F

#5E3C6E #533460 #492C53 #3E2546 #341D39 #29152C #1F0E1F

#5E3C6E - #1F0E1F

HSV Blend

#5E3C6E - #1F0E1F | 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 #5E3C6E as 0% and #1F0E1F as 100%.

0.0%	0.0% #5E3C6E	RGB 94 60 110	#5E3C6E
16.7%	16.7% #543360	RGB 84 51 96	#543360
33.3%	33.3% #4A2B53	RGB 74 43 83	#4A2B53
50.0%	50.0% #402346	RGB 64 35 70	#402346
66.7%	66.7% #361B39	RGB 54 27 57	#361B39
83.3%	83.3% #2A142C	RGB 42 20 44	#2A142C
100.0%	100.0% #1F0E1F	RGB 31 14 31	#1F0E1F

#5E3C6E #543360 #4A2B53 #402346 #361B39 #2A142C #1F0E1F

#5E3C6E - #402346 - #1F0E1F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3C6E 0%, #402346 50%, #1F0E1F 100%);
    background: -webkit-linear-gradient(top, #5E3C6E 0%, #402346 50%, #1F0E1F 100%);
    background: linear-gradient(to bottom, #5E3C6E 0%, #402346 50%, #1F0E1F 100%);
}
</style>