#5E244A - #BC3C69 | 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 #5E244A to #BC3C69

#5E244A #BC3C69

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

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

0.0%	0.0% #5E244A	RGB 94 36 74	#5E244A
16.7%	16.7% #6D284F	RGB 109 40 79	#6D284F
33.3%	33.3% #7D2C54	RGB 125 44 84	#7D2C54
50.0%	50.0% #8D3059	RGB 141 48 89	#8D3059
66.7%	66.7% #9C345E	RGB 156 52 94	#9C345E
83.3%	83.3% #AC3863	RGB 172 56 99	#AC3863
100.0%	100.0% #BC3C69	RGB 188 60 105	#BC3C69

#5E244A #6D284F #7D2C54 #8D3059 #9C345E #AC3863 #BC3C69

#5E244A - #BC3C69

HSV Blend

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

0.0%	0.0% #5E244A	RGB 94 36 74	#5E244A
16.7%	16.7% #6D2852	RGB 109 40 82	#6D2852
33.3%	33.3% #7D2D59	RGB 125 45 89	#7D2D59
50.0%	50.0% #8D315F	RGB 141 49 95	#8D315F
66.7%	66.7% #9C3564	RGB 156 53 100	#9C3564
83.3%	83.3% #AC3867	RGB 172 56 103	#AC3867
100.0%	100.0% #BC3C69	RGB 188 60 105	#BC3C69

#5E244A #6D2852 #7D2D59 #8D315F #9C3564 #AC3867 #BC3C69

#5E244A - #8D315F - #BC3C69

CSS codes

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

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