#5E203B - #BC5D5A | 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 #5E203B to #BC5D5A

#5E203B #BC5D5A

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

#5E203B - #BC5D5A | 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 #5E203B as 0% and #BC5D5A as 100%.

0.0%	0.0% #5E203B	RGB 94 32 59	#5E203B
16.7%	16.7% #6D2A40	RGB 109 42 64	#6D2A40
33.3%	33.3% #7D3445	RGB 125 52 69	#7D3445
50.0%	50.0% #8D3E4A	RGB 141 62 74	#8D3E4A
66.7%	66.7% #9C484F	RGB 156 72 79	#9C484F
83.3%	83.3% #AC5254	RGB 172 82 84	#AC5254
100.0%	100.0% #BC5D5A	RGB 188 93 90	#BC5D5A

#5E203B #6D2A40 #7D3445 #8D3E4A #9C484F #AC5254 #BC5D5A

#5E203B - #BC5D5A

HSV Blend

#5E203B - #BC5D5A | 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 #5E203B as 0% and #BC5D5A as 100%.

0.0%	0.0% #5E203B	RGB 94 32 59	#5E203B
16.7%	16.7% #6D2740	RGB 109 39 64	#6D2740
33.3%	33.3% #7D3045	RGB 125 48 69	#7D3045
50.0%	50.0% #8D394A	RGB 141 57 74	#8D394A
66.7%	66.7% #9C434E	RGB 156 67 78	#9C434E
83.3%	83.3% #AC4E52	RGB 172 78 82	#AC4E52
100.0%	100.0% #BC5D5A	RGB 188 93 90	#BC5D5A

#5E203B #6D2740 #7D3045 #8D394A #9C434E #AC4E52 #BC5D5A

#5E203B - #8D394A - #BC5D5A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E203B 0%, #8D394A 50%, #BC5D5A 100%);
    background: -webkit-linear-gradient(top, #5E203B 0%, #8D394A 50%, #BC5D5A 100%);
    background: linear-gradient(to bottom, #5E203B 0%, #8D394A 50%, #BC5D5A 100%);
}
</style>