#768D8D - #246677 | 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 #768D8D to #246677

#768D8D #246677

Calculate the color between two colors, #768D8D and #246677. 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)

#768D8D - #246677 | 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 #768D8D as 0% and #246677 as 100%.

0.0%	0.0% #768D8D	RGB 118 141 141	#768D8D
16.7%	16.7% #688689	RGB 104 134 137	#688689
33.3%	33.3% #5A8085	RGB 90 128 133	#5A8085
50.0%	50.0% #4D7982	RGB 77 121 130	#4D7982
66.7%	66.7% #3F737E	RGB 63 115 126	#3F737E
83.3%	83.3% #316C7A	RGB 49 108 122	#316C7A
100.0%	100.0% #246677	RGB 36 102 119	#246677

#768D8D #688689 #5A8085 #4D7982 #3F737E #316C7A #246677

#768D8D - #246677

HSV Blend

#768D8D - #246677 | 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 #768D8D as 0% and #246677 as 100%.

0.0%	0.0% #768D8D	RGB 118 141 141	#768D8D
16.7%	16.7% #668889	RGB 102 136 137	#668889
33.3%	33.3% #588285	RGB 88 130 133	#588285
50.0%	50.0% #4A7C82	RGB 74 124 130	#4A7C82
66.7%	66.7% #3C757E	RGB 60 117 126	#3C757E
83.3%	83.3% #306D7A	RGB 48 109 122	#306D7A
100.0%	100.0% #246677	RGB 36 102 119	#246677

#768D8D #668889 #588285 #4A7C82 #3C757E #306D7A #246677

#768D8D - #4A7C82 - #246677

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #768D8D 0%, #4A7C82 50%, #246677 100%);
    background: -webkit-linear-gradient(top, #768D8D 0%, #4A7C82 50%, #246677 100%);
    background: linear-gradient(to bottom, #768D8D 0%, #4A7C82 50%, #246677 100%);
}
</style>