#5E2254 - #CE40C9 | 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 #5E2254 to #CE40C9

#5E2254 #CE40C9

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

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

0.0%	0.0% #5E2254	RGB 94 34 84	#5E2254
16.7%	16.7% #702767	RGB 112 39 103	#702767
33.3%	33.3% #832C7B	RGB 131 44 123	#832C7B
50.0%	50.0% #96318E	RGB 150 49 142	#96318E
66.7%	66.7% #A836A2	RGB 168 54 162	#A836A2
83.3%	83.3% #BB3BB5	RGB 187 59 181	#BB3BB5
100.0%	100.0% #CE40C9	RGB 206 64 201	#CE40C9

#5E2254 #702767 #832C7B #96318E #A836A2 #BB3BB5 #CE40C9

#5E2254 - #CE40C9

HSV Blend

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

0.0%	0.0% #5E2254	RGB 94 34 84	#5E2254
16.7%	16.7% #702766	RGB 112 39 102	#702766
33.3%	33.3% #832D78	RGB 131 45 120	#832D78
50.0%	50.0% #96328B	RGB 150 50 139	#96328B
66.7%	66.7% #A8379F	RGB 168 55 159	#A8379F
83.3%	83.3% #BB3BB4	RGB 187 59 180	#BB3BB4
100.0%	100.0% #CE40C9	RGB 206 64 201	#CE40C9

#5E2254 #702766 #832D78 #96328B #A8379F #BB3BB4 #CE40C9

#5E2254 - #96328B - #CE40C9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2254 0%, #96328B 50%, #CE40C9 100%);
    background: -webkit-linear-gradient(top, #5E2254 0%, #96328B 50%, #CE40C9 100%);
    background: linear-gradient(to bottom, #5E2254 0%, #96328B 50%, #CE40C9 100%);
}
</style>