#96A8A8 - #30706C | 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 #96A8A8 to #30706C

#96A8A8 #30706C

Calculate the color between two colors, #96A8A8 and #30706C. 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)

#96A8A8 - #30706C | 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 #96A8A8 as 0% and #30706C as 100%.

0.0%	0.0% #96A8A8	RGB 150 168 168	#96A8A8
16.7%	16.7% #859E9E	RGB 133 158 158	#859E9E
33.3%	33.3% #749594	RGB 116 149 148	#749594
50.0%	50.0% #638C8A	RGB 99 140 138	#638C8A
66.7%	66.7% #528280	RGB 82 130 128	#528280
83.3%	83.3% #417976	RGB 65 121 118	#417976
100.0%	100.0% #30706C	RGB 48 112 108	#30706C

#96A8A8 #859E9E #749594 #638C8A #528280 #417976 #30706C

#96A8A8 - #30706C

HSV Blend

#96A8A8 - #30706C | 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 #96A8A8 as 0% and #30706C as 100%.

0.0%	0.0% #96A8A8	RGB 150 168 168	#96A8A8
16.7%	16.7% #819E9E	RGB 129 158 158	#819E9E
33.3%	33.3% #6E9594	RGB 110 149 148	#6E9594
50.0%	50.0% #5C8C8A	RGB 92 140 138	#5C8C8A
66.7%	66.7% #4C8280	RGB 76 130 128	#4C8280
83.3%	83.3% #3D7976	RGB 61 121 118	#3D7976
100.0%	100.0% #30706C	RGB 48 112 108	#30706C

#96A8A8 #819E9E #6E9594 #5C8C8A #4C8280 #3D7976 #30706C

#96A8A8 - #5C8C8A - #30706C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #96A8A8 0%, #5C8C8A 50%, #30706C 100%);
    background: -webkit-linear-gradient(top, #96A8A8 0%, #5C8C8A 50%, #30706C 100%);
    background: linear-gradient(to bottom, #96A8A8 0%, #5C8C8A 50%, #30706C 100%);
}
</style>