#3E3C3C - #6E608B | 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 #3E3C3C to #6E608B

#3E3C3C #6E608B

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

#3E3C3C - #6E608B | 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 #3E3C3C as 0% and #6E608B as 100%.

0.0%	0.0% #3E3C3C	RGB 62 60 60	#3E3C3C
16.7%	16.7% #464249	RGB 70 66 73	#464249
33.3%	33.3% #4E4856	RGB 78 72 86	#4E4856
50.0%	50.0% #564E63	RGB 86 78 99	#564E63
66.7%	66.7% #5E5470	RGB 94 84 112	#5E5470
83.3%	83.3% #665A7D	RGB 102 90 125	#665A7D
100.0%	100.0% #6E608B	RGB 110 96 139	#6E608B

#3E3C3C #464249 #4E4856 #564E63 #5E5470 #665A7D #6E608B

#3E3C3C - #6E608B

HSV Blend

#3E3C3C - #6E608B | 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 #3E3C3C as 0% and #6E608B as 100%.

0.0%	0.0% #3E3C3C	RGB 62 60 60	#3E3C3C
16.7%	16.7% #4A4446	RGB 74 68 70	#4A4446
33.3%	33.3% #574C52	RGB 87 76 82	#574C52
50.0%	50.0% #645361	RGB 100 83 97	#645361
66.7%	66.7% #6E5871	RGB 110 88 113	#6E5871
83.3%	83.3% #715C7E	RGB 113 92 126	#715C7E
100.0%	100.0% #6E608B	RGB 110 96 139	#6E608B

#3E3C3C #4A4446 #574C52 #645361 #6E5871 #715C7E #6E608B

#3E3C3C - #645361 - #6E608B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3C3C 0%, #645361 50%, #6E608B 100%);
    background: -webkit-linear-gradient(top, #3E3C3C 0%, #645361 50%, #6E608B 100%);
    background: linear-gradient(to bottom, #3E3C3C 0%, #645361 50%, #6E608B 100%);
}
</style>