#7679A2 - #263753 | 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 #7679A2 to #263753

#7679A2 #263753

Calculate the color between two colors, #7679A2 and #263753. 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)

#7679A2 - #263753 | 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 #7679A2 as 0% and #263753 as 100%.

0.0%	0.0% #7679A2	RGB 118 121 162	#7679A2
16.7%	16.7% #686E94	RGB 104 110 148	#686E94
33.3%	33.3% #5B6387	RGB 91 99 135	#5B6387
50.0%	50.0% #4E587A	RGB 78 88 122	#4E587A
66.7%	66.7% #404D6D	RGB 64 77 109	#404D6D
83.3%	83.3% #334260	RGB 51 66 96	#334260
100.0%	100.0% #263753	RGB 38 55 83	#263753

#7679A2 #686E94 #5B6387 #4E587A #404D6D #334260 #263753

#7679A2 - #263753

HSV Blend

#7679A2 - #263753 | 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 #7679A2 as 0% and #263753 as 100%.

0.0%	0.0% #7679A2	RGB 118 121 162	#7679A2
16.7%	16.7% #656B94	RGB 101 107 148	#656B94
33.3%	33.3% #565E87	RGB 86 94 135	#565E87
50.0%	50.0% #48537A	RGB 72 83 122	#48537A
66.7%	66.7% #3B496D	RGB 59 73 109	#3B496D
83.3%	83.3% #303F60	RGB 48 63 96	#303F60
100.0%	100.0% #263753	RGB 38 55 83	#263753

#7679A2 #656B94 #565E87 #48537A #3B496D #303F60 #263753

#7679A2 - #48537A - #263753

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7679A2 0%, #48537A 50%, #263753 100%);
    background: -webkit-linear-gradient(top, #7679A2 0%, #48537A 50%, #263753 100%);
    background: linear-gradient(to bottom, #7679A2 0%, #48537A 50%, #263753 100%);
}
</style>