#3E122B - #8F4052 | 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 #3E122B to #8F4052

#3E122B #8F4052

Calculate the color between two colors, #3E122B and #8F4052. 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)

#3E122B - #8F4052 | 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 #3E122B as 0% and #8F4052 as 100%.

0.0%	0.0% #3E122B	RGB 62 18 43	#3E122B
16.7%	16.7% #4B1931	RGB 75 25 49	#4B1931
33.3%	33.3% #592138	RGB 89 33 56	#592138
50.0%	50.0% #66293E	RGB 102 41 62	#66293E
66.7%	66.7% #743045	RGB 116 48 69	#743045
83.3%	83.3% #81384B	RGB 129 56 75	#81384B
100.0%	100.0% #8F4052	RGB 143 64 82	#8F4052

#3E122B #4B1931 #592138 #66293E #743045 #81384B #8F4052

#3E122B - #8F4052

HSV Blend

#3E122B - #8F4052 | 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 #3E122B as 0% and #8F4052 as 100%.

0.0%	0.0% #3E122A	RGB 62 18 42	#3E122A
16.7%	16.7% #4B1732	RGB 75 23 50	#4B1732
33.3%	33.3% #591E39	RGB 89 30 57	#591E39
50.0%	50.0% #66253F	RGB 102 37 63	#66253F
66.7%	66.7% #742D45	RGB 116 45 69	#742D45
83.3%	83.3% #81364B	RGB 129 54 75	#81364B
100.0%	100.0% #8F4052	RGB 143 64 82	#8F4052

#3E122A #4B1732 #591E39 #66253F #742D45 #81364B #8F4052

#3E122B - #66253F - #8F4052

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E122A 0%, #66253F 50%, #8F4052 100%);
    background: -webkit-linear-gradient(top, #3E122A 0%, #66253F 50%, #8F4052 100%);
    background: linear-gradient(to bottom, #3E122A 0%, #66253F 50%, #8F4052 100%);
}
</style>