#3E415E - #8C8285 | 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 #3E415E to #8C8285

#3E415E #8C8285

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

#3E415E - #8C8285 | 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 #3E415E as 0% and #8C8285 as 100%.

0.0%	0.0% #3E415E	RGB 62 65 94	#3E415E
16.7%	16.7% #4B4B64	RGB 75 75 100	#4B4B64
33.3%	33.3% #58566B	RGB 88 86 107	#58566B
50.0%	50.0% #656171	RGB 101 97 113	#656171
66.7%	66.7% #726C78	RGB 114 108 120	#726C78
83.3%	83.3% #7F777E	RGB 127 119 126	#7F777E
100.0%	100.0% #8C8285	RGB 140 130 133	#8C8285

#3E415E #4B4B64 #58566B #656171 #726C78 #7F777E #8C8285

#3E415E - #8C8285

HSV Blend

#3E415E - #8C8285 | 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 #3E415E as 0% and #8C8285 as 100%.

0.0%	0.0% #3E415E	RGB 62 65 94	#3E415E
16.7%	16.7% #4D4765	RGB 77 71 101	#4D4765
33.3%	33.3% #5F516D	RGB 95 81 109	#5F516D
50.0%	50.0% #705C75	RGB 112 92 117	#705C75
66.7%	66.7% #7C687A	RGB 124 104 122	#7C687A
83.3%	83.3% #84747E	RGB 132 116 126	#84747E
100.0%	100.0% #8C8285	RGB 140 130 133	#8C8285

#3E415E #4D4765 #5F516D #705C75 #7C687A #84747E #8C8285

#3E415E - #705C75 - #8C8285

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E415E 0%, #705C75 50%, #8C8285 100%);
    background: -webkit-linear-gradient(top, #3E415E 0%, #705C75 50%, #8C8285 100%);
    background: linear-gradient(to bottom, #3E415E 0%, #705C75 50%, #8C8285 100%);
}
</style>