#841C5E - #DC647F | 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 #841C5E to #DC647F

#841C5E #DC647F

Calculate the color between two colors, #841C5E and #DC647F. 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)

#841C5E - #DC647F | 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 #841C5E as 0% and #DC647F as 100%.

0.0%	0.0% #841C5E	RGB 132 28 94	#841C5E
16.7%	16.7% #922863	RGB 146 40 99	#922863
33.3%	33.3% #A13469	RGB 161 52 105	#A13469
50.0%	50.0% #B0406E	RGB 176 64 110	#B0406E
66.7%	66.7% #BE4C74	RGB 190 76 116	#BE4C74
83.3%	83.3% #CD5879	RGB 205 88 121	#CD5879
100.0%	100.0% #DC647F	RGB 220 100 127	#DC647F

#841C5E #922863 #A13469 #B0406E #BE4C74 #CD5879 #DC647F

#841C5E - #DC647F

HSV Blend

#841C5E - #DC647F | 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 #841C5E as 0% and #DC647F as 100%.

0.0%	0.0% #841B5D	RGB 132 27 93	#841B5D
16.7%	16.7% #922563	RGB 146 37 99	#922563
33.3%	33.3% #A12F68	RGB 161 47 104	#A12F68
50.0%	50.0% #B03A6D	RGB 176 58 109	#B03A6D
66.7%	66.7% #BE4772	RGB 190 71 114	#BE4772
83.3%	83.3% #CD5578	RGB 205 85 120	#CD5578
100.0%	100.0% #DC647F	RGB 220 100 127	#DC647F

#841B5D #922563 #A12F68 #B03A6D #BE4772 #CD5578 #DC647F

#841C5E - #B03A6D - #DC647F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #841B5D 0%, #B03A6D 50%, #DC647F 100%);
    background: -webkit-linear-gradient(top, #841B5D 0%, #B03A6D 50%, #DC647F 100%);
    background: linear-gradient(to bottom, #841B5D 0%, #B03A6D 50%, #DC647F 100%);
}
</style>