#96B5A2 - #3E7768 | 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 #96B5A2 to #3E7768

#96B5A2 #3E7768

Calculate the color between two colors, #96B5A2 and #3E7768. 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)

#96B5A2 - #3E7768 | 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 #96B5A2 as 0% and #3E7768 as 100%.

0.0%	0.0% #96B5A2	RGB 150 181 162	#96B5A2
16.7%	16.7% #87AA98	RGB 135 170 152	#87AA98
33.3%	33.3% #78A08E	RGB 120 160 142	#78A08E
50.0%	50.0% #6A9685	RGB 106 150 133	#6A9685
66.7%	66.7% #5B8B7B	RGB 91 139 123	#5B8B7B
83.3%	83.3% #4C8171	RGB 76 129 113	#4C8171
100.0%	100.0% #3E7768	RGB 62 119 104	#3E7768

#96B5A2 #87AA98 #78A08E #6A9685 #5B8B7B #4C8171 #3E7768

#96B5A2 - #3E7768

HSV Blend

#96B5A2 - #3E7768 | 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 #96B5A2 as 0% and #3E7768 as 100%.

0.0%	0.0% #96B5A2	RGB 150 181 162	#96B5A2
16.7%	16.7% #84AA95	RGB 132 170 149	#84AA95
33.3%	33.3% #74A08A	RGB 116 160 138	#74A08A
50.0%	50.0% #659680	RGB 101 150 128	#659680
66.7%	66.7% #578B77	RGB 87 139 119	#578B77
83.3%	83.3% #4A816F	RGB 74 129 111	#4A816F
100.0%	100.0% #3E7768	RGB 62 119 104	#3E7768

#96B5A2 #84AA95 #74A08A #659680 #578B77 #4A816F #3E7768

#96B5A2 - #659680 - #3E7768

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #96B5A2 0%, #659680 50%, #3E7768 100%);
    background: -webkit-linear-gradient(top, #96B5A2 0%, #659680 50%, #3E7768 100%);
    background: linear-gradient(to bottom, #96B5A2 0%, #659680 50%, #3E7768 100%);
}
</style>