#768D8D - #B7C494 | 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 #B7C494

#768D8D #B7C494

Calculate the color between two colors, #768D8D and #B7C494. 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 - #B7C494 | 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 #B7C494 as 100%.

0.0%	0.0% #768D8D	RGB 118 141 141	#768D8D
16.7%	16.7% #80968E	RGB 128 150 142	#80968E
33.3%	33.3% #8B9F8F	RGB 139 159 143	#8B9F8F
50.0%	50.0% #96A890	RGB 150 168 144	#96A890
66.7%	66.7% #A1B191	RGB 161 177 145	#A1B191
83.3%	83.3% #ACBA92	RGB 172 186 146	#ACBA92
100.0%	100.0% #B7C494	RGB 183 196 148	#B7C494

#768D8D #80968E #8B9F8F #96A890 #A1B191 #ACBA92 #B7C494

#768D8D - #B7C494

HSV Blend

#768D8D - #B7C494 | 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 #B7C494 as 100%.

0.0%	0.0% #768D8D	RGB 118 141 141	#768D8D
16.7%	16.7% #7B968E	RGB 123 150 142	#7B968E
33.3%	33.3% #809F8D	RGB 128 159 141	#809F8D
50.0%	50.0% #86A88A	RGB 134 168 138	#86A88A
66.7%	66.7% #90B18A	RGB 144 177 138	#90B18A
83.3%	83.3% #A2BA8F	RGB 162 186 143	#A2BA8F
100.0%	100.0% #B7C494	RGB 183 196 148	#B7C494

#768D8D #7B968E #809F8D #86A88A #90B18A #A2BA8F #B7C494

#768D8D - #86A88A - #B7C494

CSS codes

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

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