#841C5E - #420019 | 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 #420019

#841C5E #420019

Calculate the color between two colors, #841C5E and #420019. 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 - #420019 | 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 #420019 as 100%.

0.0%	0.0% #841C5E	RGB 132 28 94	#841C5E
16.7%	16.7% #791752	RGB 121 23 82	#791752
33.3%	33.3% #6E1247	RGB 110 18 71	#6E1247
50.0%	50.0% #630E3B	RGB 99 14 59	#630E3B
66.7%	66.7% #580930	RGB 88 9 48	#580930
83.3%	83.3% #4D0424	RGB 77 4 36	#4D0424
100.0%	100.0% #420019	RGB 66 0 25	#420019

#841C5E #791752 #6E1247 #630E3B #580930 #4D0424 #420019

#841C5E - #420019

HSV Blend

#841C5E - #420019 | 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 #420019 as 100%.

0.0%	0.0% #841B5D	RGB 132 27 93	#841B5D
16.7%	16.7% #791550	RGB 121 21 80	#791550
33.3%	33.3% #6E0F43	RGB 110 15 67	#6E0F43
50.0%	50.0% #630A37	RGB 99 10 55	#630A37
66.7%	66.7% #58062C	RGB 88 6 44	#58062C
83.3%	83.3% #4D0222	RGB 77 2 34	#4D0222
100.0%	100.0% #420019	RGB 66 0 25	#420019

#841B5D #791550 #6E0F43 #630A37 #58062C #4D0222 #420019

#841C5E - #630A37 - #420019

CSS codes

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

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