#3E413F - #785BCD | 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 #785BCD

#3E413F #785BCD

Calculate the color between two colors, #3E413F and #785BCD. 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 - #785BCD | 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 #785BCD as 100%.

0.0%	0.0% #3E413F	RGB 62 65 63	#3E413F
16.7%	16.7% #474556	RGB 71 69 86	#474556
33.3%	33.3% #51496E	RGB 81 73 110	#51496E
50.0%	50.0% #5B4E86	RGB 91 78 134	#5B4E86
66.7%	66.7% #64529D	RGB 100 82 157	#64529D
83.3%	83.3% #6E56B5	RGB 110 86 181	#6E56B5
100.0%	100.0% #785BCD	RGB 120 91 205	#785BCD

#3E413F #474556 #51496E #5B4E86 #64529D #6E56B5 #785BCD

#3E413F - #785BCD

HSV Blend

#3E413F - #785BCD | 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 #785BCD as 100%.

0.0%	0.0% #3E413F	RGB 62 65 63	#3E413F
16.7%	16.7% #4C5854	RGB 76 88 84	#4C5854
33.3%	33.3% #576F6F	RGB 87 111 111	#576F6F
50.0%	50.0% #5E7B87	RGB 94 123 135	#5E7B87
66.7%	66.7% #61789E	RGB 97 120 158	#61789E
83.3%	83.3% #6065B5	RGB 96 101 181	#6065B5
100.0%	100.0% #785BCD	RGB 120 91 205	#785BCD

#3E413F #4C5854 #576F6F #5E7B87 #61789E #6065B5 #785BCD

#3E413F - #5E7B87 - #785BCD

CSS codes

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

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