#3E043C - #8022AC | 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 #3E043C to #8022AC

#3E043C #8022AC

Calculate the color between two colors, #3E043C and #8022AC. 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)

#3E043C - #8022AC | 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 #3E043C as 0% and #8022AC as 100%.

0.0%	0.0% #3E043C	RGB 62 4 60	#3E043C
16.7%	16.7% #49094E	RGB 73 9 78	#49094E
33.3%	33.3% #540E61	RGB 84 14 97	#540E61
50.0%	50.0% #5F1374	RGB 95 19 116	#5F1374
66.7%	66.7% #6A1886	RGB 106 24 134	#6A1886
83.3%	83.3% #751D99	RGB 117 29 153	#751D99
100.0%	100.0% #8022AC	RGB 128 34 172	#8022AC

#3E043C #49094E #540E61 #5F1374 #6A1886 #751D99 #8022AC

#3E043C - #8022AC

HSV Blend

#3E043C - #8022AC | 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 #3E043C as 0% and #8022AC as 100%.

0.0%	0.0% #3E043C	RGB 62 4 60	#3E043C
16.7%	16.7% #4E0650	RGB 78 6 80	#4E0650
33.3%	33.3% #5B0A62	RGB 91 10 98	#5B0A62
50.0%	50.0% #660F75	RGB 102 15 117	#660F75
66.7%	66.7% #701487	RGB 112 20 135	#701487
83.3%	83.3% #781A99	RGB 120 26 153	#781A99
100.0%	100.0% #8022AC	RGB 128 34 172	#8022AC

#3E043C #4E0650 #5B0A62 #660F75 #701487 #781A99 #8022AC

#3E043C - #660F75 - #8022AC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E043C 0%, #660F75 50%, #8022AC 100%);
    background: -webkit-linear-gradient(top, #3E043C 0%, #660F75 50%, #8022AC 100%);
    background: linear-gradient(to bottom, #3E043C 0%, #660F75 50%, #8022AC 100%);
}
</style>