#3E3E6C - #8864D2 | 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 #3E3E6C to #8864D2

#3E3E6C #8864D2

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

#3E3E6C - #8864D2 | 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 #3E3E6C as 0% and #8864D2 as 100%.

0.0%	0.0% #3E3E6C	RGB 62 62 108	#3E3E6C
16.7%	16.7% #4A447D	RGB 74 68 125	#4A447D
33.3%	33.3% #564A8E	RGB 86 74 142	#564A8E
50.0%	50.0% #63519F	RGB 99 81 159	#63519F
66.7%	66.7% #6F57B0	RGB 111 87 176	#6F57B0
83.3%	83.3% #7B5DC1	RGB 123 93 193	#7B5DC1
100.0%	100.0% #8864D2	RGB 136 100 210	#8864D2

#3E3E6C #4A447D #564A8E #63519F #6F57B0 #7B5DC1 #8864D2

#3E3E6C - #8864D2

HSV Blend

#3E3E6C - #8864D2 | 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 #3E3E6C as 0% and #8864D2 as 100%.

0.0%	0.0% #3E3E6C	RGB 62 62 108	#3E3E6C
16.7%	16.7% #48457D	RGB 72 69 125	#48457D
33.3%	33.3% #534C8E	RGB 83 76 142	#534C8E
50.0%	50.0% #5F539F	RGB 95 83 159	#5F539F
66.7%	66.7% #6C59B0	RGB 108 89 176	#6C59B0
83.3%	83.3% #795FC1	RGB 121 95 193	#795FC1
100.0%	100.0% #8864D2	RGB 136 100 210	#8864D2

#3E3E6C #48457D #534C8E #5F539F #6C59B0 #795FC1 #8864D2

#3E3E6C - #5F539F - #8864D2

CSS codes

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

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