#3E3E3E - #7297B0 | 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 #3E3E3E to #7297B0

#3E3E3E #7297B0

Calculate the color between two colors, #3E3E3E and #7297B0. 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)

#3E3E3E - #7297B0 | 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 #3E3E3E as 0% and #7297B0 as 100%.

0.0%	0.0% #3E3E3E	RGB 62 62 62	#3E3E3E
16.7%	16.7% #464C51	RGB 70 76 81	#464C51
33.3%	33.3% #4F5B64	RGB 79 91 100	#4F5B64
50.0%	50.0% #586A77	RGB 88 106 119	#586A77
66.7%	66.7% #60798A	RGB 96 121 138	#60798A
83.3%	83.3% #69889D	RGB 105 136 157	#69889D
100.0%	100.0% #7297B0	RGB 114 151 176	#7297B0

#3E3E3E #464C51 #4F5B64 #586A77 #60798A #69889D #7297B0

#3E3E3E - #7297B0

HSV Blend

#3E3E3E - #7297B0 | 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 #3E3E3E as 0% and #7297B0 as 100%.

0.0%	0.0% #3E3E3E	RGB 62 62 62	#3E3E3E
16.7%	16.7% #514C4E	RGB 81 76 78	#514C4E
33.3%	33.3% #645862	RGB 100 88 98	#645862
50.0%	50.0% #706277	RGB 112 98 119	#706277
66.7%	66.7% #72698A	RGB 114 105 138	#72698A
83.3%	83.3% #6E769D	RGB 110 118 157	#6E769D
100.0%	100.0% #7297B0	RGB 114 151 176	#7297B0

#3E3E3E #514C4E #645862 #706277 #72698A #6E769D #7297B0

#3E3E3E - #706277 - #7297B0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3E3E 0%, #706277 50%, #7297B0 100%);
    background: -webkit-linear-gradient(top, #3E3E3E 0%, #706277 50%, #7297B0 100%);
    background: linear-gradient(to bottom, #3E3E3E 0%, #706277 50%, #7297B0 100%);
}
</style>