#3E413F - #A85BCD | 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 #3E413F to #A85BCD

#3E413F #A85BCD

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

#3E413F - #A85BCD | 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 #3E413F as 0% and #A85BCD as 100%.

0.0%	0.0% #3E413F	RGB 62 65 63	#3E413F
16.7%	16.7% #4F4556	RGB 79 69 86	#4F4556
33.3%	33.3% #61496E	RGB 97 73 110	#61496E
50.0%	50.0% #734E86	RGB 115 78 134	#734E86
66.7%	66.7% #84529D	RGB 132 82 157	#84529D
83.3%	83.3% #9656B5	RGB 150 86 181	#9656B5
100.0%	100.0% #A85BCD	RGB 168 91 205	#A85BCD

#3E413F #4F4556 #61496E #734E86 #84529D #9656B5 #A85BCD

#3E413F - #A85BCD

HSV Blend

#3E413F - #A85BCD | 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 #3E413F as 0% and #A85BCD as 100%.

0.0%	0.0% #3E413F	RGB 62 65 63	#3E413F
16.7%	16.7% #4C5855	RGB 76 88 85	#4C5855
33.3%	33.3% #576C6F	RGB 87 108 111	#576C6F
50.0%	50.0% #5E7287	RGB 94 114 135	#5E7287
66.7%	66.7% #61679E	RGB 97 103 158	#61679E
83.3%	83.3% #7860B5	RGB 120 96 181	#7860B5
100.0%	100.0% #A85BCD	RGB 168 91 205	#A85BCD

#3E413F #4C5855 #576C6F #5E7287 #61679E #7860B5 #A85BCD

#3E413F - #5E7287 - #A85BCD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E413F 0%, #5E7287 50%, #A85BCD 100%);
    background: -webkit-linear-gradient(top, #3E413F 0%, #5E7287 50%, #A85BCD 100%);
    background: linear-gradient(to bottom, #3E413F 0%, #5E7287 50%, #A85BCD 100%);
}
</style>