#96CFD1 - #498296 | 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 #96CFD1 to #498296

#96CFD1 #498296

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

#96CFD1 - #498296 | 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 #96CFD1 as 0% and #498296 as 100%.

0.0%	0.0% #96CFD1	RGB 150 207 209	#96CFD1
16.7%	16.7% #89C2C7	RGB 137 194 199	#89C2C7
33.3%	33.3% #7CB5BD	RGB 124 181 189	#7CB5BD
50.0%	50.0% #6FA8B3	RGB 111 168 179	#6FA8B3
66.7%	66.7% #629BA9	RGB 98 155 169	#629BA9
83.3%	83.3% #558E9F	RGB 85 142 159	#558E9F
100.0%	100.0% #498296	RGB 73 130 150	#498296

#96CFD1 #89C2C7 #7CB5BD #6FA8B3 #629BA9 #558E9F #498296

#96CFD1 - #498296

HSV Blend

#96CFD1 - #498296 | 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 #96CFD1 as 0% and #498296 as 100%.

0.0%	0.0% #96CFD1	RGB 150 207 209	#96CFD1
16.7%	16.7% #87C2C7	RGB 135 194 199	#87C2C7
33.3%	33.3% #79B5BD	RGB 121 181 189	#79B5BD
50.0%	50.0% #6CA9B3	RGB 108 169 179	#6CA9B3
66.7%	66.7% #5F9CA9	RGB 95 156 169	#5F9CA9
83.3%	83.3% #538E9F	RGB 83 142 159	#538E9F
100.0%	100.0% #498296	RGB 73 130 150	#498296

#96CFD1 #87C2C7 #79B5BD #6CA9B3 #5F9CA9 #538E9F #498296

#96CFD1 - #6CA9B3 - #498296

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #96CFD1 0%, #6CA9B3 50%, #498296 100%);
    background: -webkit-linear-gradient(top, #96CFD1 0%, #6CA9B3 50%, #498296 100%);
    background: linear-gradient(to bottom, #96CFD1 0%, #6CA9B3 50%, #498296 100%);
}
</style>