#3E3C3E - #82678F | 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 #3E3C3E to #82678F

#3E3C3E #82678F

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

#3E3C3E - #82678F | 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 #3E3C3E as 0% and #82678F as 100%.

0.0%	0.0% #3E3C3E	RGB 62 60 62	#3E3C3E
16.7%	16.7% #49434B	RGB 73 67 75	#49434B
33.3%	33.3% #544A59	RGB 84 74 89	#544A59
50.0%	50.0% #605166	RGB 96 81 102	#605166
66.7%	66.7% #6B5874	RGB 107 88 116	#6B5874
83.3%	83.3% #765F81	RGB 118 95 129	#765F81
100.0%	100.0% #82678F	RGB 130 103 143	#82678F

#3E3C3E #49434B #544A59 #605166 #6B5874 #765F81 #82678F

#3E3C3E - #82678F

HSV Blend

#3E3C3E - #82678F | 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 #3E3C3E as 0% and #82678F as 100%.

0.0%	0.0% #3E3C3E	RGB 62 60 62	#3E3C3E
16.7%	16.7% #4B454B	RGB 75 69 75	#4B454B
33.3%	33.3% #574E59	RGB 87 78 89	#574E59
50.0%	50.0% #635666	RGB 99 86 102	#635666
66.7%	66.7% #6F5D74	RGB 111 93 116	#6F5D74
83.3%	83.3% #796281	RGB 121 98 129	#796281
100.0%	100.0% #82678F	RGB 130 103 143	#82678F

#3E3C3E #4B454B #574E59 #635666 #6F5D74 #796281 #82678F

#3E3C3E - #635666 - #82678F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3C3E 0%, #635666 50%, #82678F 100%);
    background: -webkit-linear-gradient(top, #3E3C3E 0%, #635666 50%, #82678F 100%);
    background: linear-gradient(to bottom, #3E3C3E 0%, #635666 50%, #82678F 100%);
}
</style>