#9EB4AE - #C0DBAE | 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 #9EB4AE to #C0DBAE

#9EB4AE #C0DBAE

Calculate the color between two colors, #9EB4AE and #C0DBAE. 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)

#9EB4AE - #C0DBAE | 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 #9EB4AE as 0% and #C0DBAE as 100%.

0.0%	0.0% #9EB4AE	RGB 158 180 174	#9EB4AE
16.7%	16.7% #A3BAAE	RGB 163 186 174	#A3BAAE
33.3%	33.3% #A9C1AE	RGB 169 193 174	#A9C1AE
50.0%	50.0% #AFC7AE	RGB 175 199 174	#AFC7AE
66.7%	66.7% #B4CEAE	RGB 180 206 174	#B4CEAE
83.3%	83.3% #BAD4AE	RGB 186 212 174	#BAD4AE
100.0%	100.0% #C0DBAE	RGB 192 219 174	#C0DBAE

#9EB4AE #A3BAAE #A9C1AE #AFC7AE #B4CEAE #BAD4AE #C0DBAE

#9EB4AE - #C0DBAE

HSV Blend

#9EB4AE - #C0DBAE | 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 #9EB4AE as 0% and #C0DBAE as 100%.

0.0%	0.0% #9EB4AE	RGB 158 180 174	#9EB4AE
16.7%	16.7% #A1BAAE	RGB 161 186 174	#A1BAAE
33.3%	33.3% #A4C1AE	RGB 164 193 174	#A4C1AE
50.0%	50.0% #A6C7AC	RGB 166 199 172	#A6C7AC
66.7%	66.7% #AACEA9	RGB 170 206 169	#AACEA9
83.3%	83.3% #B4D4AB	RGB 180 212 171	#B4D4AB
100.0%	100.0% #C0DBAE	RGB 192 219 174	#C0DBAE

#9EB4AE #A1BAAE #A4C1AE #A6C7AC #AACEA9 #B4D4AB #C0DBAE

#9EB4AE - #A6C7AC - #C0DBAE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9EB4AE 0%, #A6C7AC 50%, #C0DBAE 100%);
    background: -webkit-linear-gradient(top, #9EB4AE 0%, #A6C7AC 50%, #C0DBAE 100%);
    background: linear-gradient(to bottom, #9EB4AE 0%, #A6C7AC 50%, #C0DBAE 100%);
}
</style>