#5E0427 - #DF21A8 | 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 #5E0427 to #DF21A8

#5E0427 #DF21A8

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

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

0.0%	0.0% #5E0427	RGB 94 4 39	#5E0427
16.7%	16.7% #73083C	RGB 115 8 60	#73083C
33.3%	33.3% #890D52	RGB 137 13 82	#890D52
50.0%	50.0% #9E1267	RGB 158 18 103	#9E1267
66.7%	66.7% #B4177D	RGB 180 23 125	#B4177D
83.3%	83.3% #C91C92	RGB 201 28 146	#C91C92
100.0%	100.0% #DF21A8	RGB 223 33 168	#DF21A8

#5E0427 #73083C #890D52 #9E1267 #B4177D #C91C92 #DF21A8

#5E0427 - #DF21A8

HSV Blend

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

0.0%	0.0% #5E0326	RGB 94 3 38	#5E0326
16.7%	16.7% #730636	RGB 115 6 54	#730636
33.3%	33.3% #890A49	RGB 137 10 73	#890A49
50.0%	50.0% #9E0F5D	RGB 158 15 93	#9E0F5D
66.7%	66.7% #B41474	RGB 180 20 116	#B41474
83.3%	83.3% #C91A8D	RGB 201 26 141	#C91A8D
100.0%	100.0% #DF21A8	RGB 223 33 168	#DF21A8

#5E0326 #730636 #890A49 #9E0F5D #B41474 #C91A8D #DF21A8

#5E0427 - #9E0F5D - #DF21A8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E0326 0%, #9E0F5D 50%, #DF21A8 100%);
    background: -webkit-linear-gradient(top, #5E0326 0%, #9E0F5D 50%, #DF21A8 100%);
    background: linear-gradient(to bottom, #5E0326 0%, #9E0F5D 50%, #DF21A8 100%);
}
</style>