#3E1230 - #8D3156 | 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 #3E1230 to #8D3156

#3E1230 #8D3156

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

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

0.0%	0.0% #3E1230	RGB 62 18 48	#3E1230
16.7%	16.7% #4B1736	RGB 75 23 54	#4B1736
33.3%	33.3% #581C3C	RGB 88 28 60	#581C3C
50.0%	50.0% #652143	RGB 101 33 67	#652143
66.7%	66.7% #722649	RGB 114 38 73	#722649
83.3%	83.3% #7F2B4F	RGB 127 43 79	#7F2B4F
100.0%	100.0% #8D3156	RGB 141 49 86	#8D3156

#3E1230 #4B1736 #581C3C #652143 #722649 #7F2B4F #8D3156

#3E1230 - #8D3156

HSV Blend

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

0.0%	0.0% #3E1230	RGB 62 18 48	#3E1230
16.7%	16.7% #4B1637	RGB 75 22 55	#4B1637
33.3%	33.3% #581B3F	RGB 88 27 63	#581B3F
50.0%	50.0% #652045	RGB 101 32 69	#652045
66.7%	66.7% #72254B	RGB 114 37 75	#72254B
83.3%	83.3% #7F2B51	RGB 127 43 81	#7F2B51
100.0%	100.0% #8D3156	RGB 141 49 86	#8D3156

#3E1230 #4B1637 #581B3F #652045 #72254B #7F2B51 #8D3156

#3E1230 - #652045 - #8D3156

CSS codes

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

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