#5E1F43 - #CD3C9D | 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 #5E1F43 to #CD3C9D

#5E1F43 #CD3C9D

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

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

0.0%	0.0% #5E1F43	RGB 94 31 67	#5E1F43
16.7%	16.7% #702352	RGB 112 35 82	#702352
33.3%	33.3% #832861	RGB 131 40 97	#832861
50.0%	50.0% #952D70	RGB 149 45 112	#952D70
66.7%	66.7% #A8327F	RGB 168 50 127	#A8327F
83.3%	83.3% #BA378E	RGB 186 55 142	#BA378E
100.0%	100.0% #CD3C9D	RGB 205 60 157	#CD3C9D

#5E1F43 #702352 #832861 #952D70 #A8327F #BA378E #CD3C9D

#5E1F43 - #CD3C9D

HSV Blend

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

0.0%	0.0% #5E1F43	RGB 94 31 67	#5E1F43
16.7%	16.7% #702451	RGB 112 36 81	#702451
33.3%	33.3% #83295F	RGB 131 41 95	#83295F
50.0%	50.0% #952E6E	RGB 149 46 110	#952E6E
66.7%	66.7% #A8337D	RGB 168 51 125	#A8337D
83.3%	83.3% #BA378D	RGB 186 55 141	#BA378D
100.0%	100.0% #CD3C9D	RGB 205 60 157	#CD3C9D

#5E1F43 #702451 #83295F #952E6E #A8337D #BA378D #CD3C9D

#5E1F43 - #952E6E - #CD3C9D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E1F43 0%, #952E6E 50%, #CD3C9D 100%);
    background: -webkit-linear-gradient(top, #5E1F43 0%, #952E6E 50%, #CD3C9D 100%);
    background: linear-gradient(to bottom, #5E1F43 0%, #952E6E 50%, #CD3C9D 100%);
}
</style>