#5E2F4B - #C7528C | 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 #5E2F4B to #C7528C

#5E2F4B #C7528C

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

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

0.0%	0.0% #5E2F4B	RGB 94 47 75	#5E2F4B
16.7%	16.7% #6F3455	RGB 111 52 85	#6F3455
33.3%	33.3% #813A60	RGB 129 58 96	#813A60
50.0%	50.0% #92406B	RGB 146 64 107	#92406B
66.7%	66.7% #A44676	RGB 164 70 118	#A44676
83.3%	83.3% #B54C81	RGB 181 76 129	#B54C81
100.0%	100.0% #C7528C	RGB 199 82 140	#C7528C

#5E2F4B #6F3455 #813A60 #92406B #A44676 #B54C81 #C7528C

#5E2F4B - #C7528C

HSV Blend

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

0.0%	0.0% #5E2F4B	RGB 94 47 75	#5E2F4B
16.7%	16.7% #6F3657	RGB 111 54 87	#6F3657
33.3%	33.3% #813C63	RGB 129 60 99	#813C63
50.0%	50.0% #92426E	RGB 146 66 110	#92426E
66.7%	66.7% #A44878	RGB 164 72 120	#A44878
83.3%	83.3% #B54D82	RGB 181 77 130	#B54D82
100.0%	100.0% #C7528C	RGB 199 82 140	#C7528C

#5E2F4B #6F3657 #813C63 #92426E #A44878 #B54D82 #C7528C

#5E2F4B - #92426E - #C7528C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2F4B 0%, #92426E 50%, #C7528C 100%);
    background: -webkit-linear-gradient(top, #5E2F4B 0%, #92426E 50%, #C7528C 100%);
    background: linear-gradient(to bottom, #5E2F4B 0%, #92426E 50%, #C7528C 100%);
}
</style>