#5E3E6E - #200F1F | 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 #5E3E6E to #200F1F

#5E3E6E #200F1F

Calculate the color between two colors, #5E3E6E and #200F1F. 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)

#5E3E6E - #200F1F | 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 #5E3E6E as 0% and #200F1F as 100%.

0.0%	0.0% #5E3E6E	RGB 94 62 110	#5E3E6E
16.7%	16.7% #533660	RGB 83 54 96	#533660
33.3%	33.3% #492E53	RGB 73 46 83	#492E53
50.0%	50.0% #3F2646	RGB 63 38 70	#3F2646
66.7%	66.7% #341E39	RGB 52 30 57	#341E39
83.3%	83.3% #2A162C	RGB 42 22 44	#2A162C
100.0%	100.0% #200F1F	RGB 32 15 31	#200F1F

#5E3E6E #533660 #492E53 #3F2646 #341E39 #2A162C #200F1F

#5E3E6E - #200F1F

HSV Blend

#5E3E6E - #200F1F | 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 #5E3E6E as 0% and #200F1F as 100%.

0.0%	0.0% #5D3E6E	RGB 93 62 110	#5D3E6E
16.7%	16.7% #553561	RGB 85 53 97	#553561
33.3%	33.3% #4C2C54	RGB 76 44 84	#4C2C54
50.0%	50.0% #422447	RGB 66 36 71	#422447
66.7%	66.7% #371D3A	RGB 55 29 58	#371D3A
83.3%	83.3% #2C152D	RGB 44 21 45	#2C152D
100.0%	100.0% #200F1F	RGB 32 15 31	#200F1F

#5D3E6E #553561 #4C2C54 #422447 #371D3A #2C152D #200F1F

#5E3E6E - #422447 - #200F1F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D3E6E 0%, #422447 50%, #200F1F 100%);
    background: -webkit-linear-gradient(top, #5D3E6E 0%, #422447 50%, #200F1F 100%);
    background: linear-gradient(to bottom, #5D3E6E 0%, #422447 50%, #200F1F 100%);
}
</style>