#3E032C - #842D54 | 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 #3E032C to #842D54

#3E032C #842D54

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

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

0.0%	0.0% #3E032C	RGB 62 3 44	#3E032C
16.7%	16.7% #490A32	RGB 73 10 50	#490A32
33.3%	33.3% #551139	RGB 85 17 57	#551139
50.0%	50.0% #611840	RGB 97 24 64	#611840
66.7%	66.7% #6C1F46	RGB 108 31 70	#6C1F46
83.3%	83.3% #78264D	RGB 120 38 77	#78264D
100.0%	100.0% #842D54	RGB 132 45 84	#842D54

#3E032C #490A32 #551139 #611840 #6C1F46 #78264D #842D54

#3E032C - #842D54

HSV Blend

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

0.0%	0.0% #3E032C	RGB 62 3 44	#3E032C
16.7%	16.7% #490732	RGB 73 7 50	#490732
33.3%	33.3% #550C39	RGB 85 12 57	#550C39
50.0%	50.0% #61123F	RGB 97 18 63	#61123F
66.7%	66.7% #6C1A46	RGB 108 26 70	#6C1A46
83.3%	83.3% #78234C	RGB 120 35 76	#78234C
100.0%	100.0% #842D54	RGB 132 45 84	#842D54

#3E032C #490732 #550C39 #61123F #6C1A46 #78234C #842D54

#3E032C - #61123F - #842D54

CSS codes

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

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