#3E0025 - #842D4B | 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 #3E0025 to #842D4B

#3E0025 #842D4B

Calculate the color between two colors, #3E0025 and #842D4B. 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)

#3E0025 - #842D4B | 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 #3E0025 as 0% and #842D4B as 100%.

0.0%	0.0% #3E0025	RGB 62 0 37	#3E0025
16.7%	16.7% #49072B	RGB 73 7 43	#49072B
33.3%	33.3% #550F31	RGB 85 15 49	#550F31
50.0%	50.0% #611638	RGB 97 22 56	#611638
66.7%	66.7% #6C1E3E	RGB 108 30 62	#6C1E3E
83.3%	83.3% #782544	RGB 120 37 68	#782544
100.0%	100.0% #842D4B	RGB 132 45 75	#842D4B

#3E0025 #49072B #550F31 #611638 #6C1E3E #782544 #842D4B

#3E0025 - #842D4B

HSV Blend

#3E0025 - #842D4B | 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 #3E0025 as 0% and #842D4B as 100%.

0.0%	0.0% #3E0025	RGB 62 0 37	#3E0025
16.7%	16.7% #49042A	RGB 73 4 42	#49042A
33.3%	33.3% #550930	RGB 85 9 48	#550930
50.0%	50.0% #611036	RGB 97 16 54	#611036
66.7%	66.7% #6C183C	RGB 108 24 60	#6C183C
83.3%	83.3% #782243	RGB 120 34 67	#782243
100.0%	100.0% #842D4B	RGB 132 45 75	#842D4B

#3E0025 #49042A #550930 #611036 #6C183C #782243 #842D4B

#3E0025 - #611036 - #842D4B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E0025 0%, #611036 50%, #842D4B 100%);
    background: -webkit-linear-gradient(top, #3E0025 0%, #611036 50%, #842D4B 100%);
    background: linear-gradient(to bottom, #3E0025 0%, #611036 50%, #842D4B 100%);
}
</style>