#9EB1A8 - #CCD9AE | 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 #9EB1A8 to #CCD9AE

#9EB1A8 #CCD9AE

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

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

0.0%	0.0% #9EB1A8	RGB 158 177 168	#9EB1A8
16.7%	16.7% #A5B7A9	RGB 165 183 169	#A5B7A9
33.3%	33.3% #ADBEAA	RGB 173 190 170	#ADBEAA
50.0%	50.0% #B5C5AB	RGB 181 197 171	#B5C5AB
66.7%	66.7% #BCCBAC	RGB 188 203 172	#BCCBAC
83.3%	83.3% #C4D2AD	RGB 196 210 173	#C4D2AD
100.0%	100.0% #CCD9AE	RGB 204 217 174	#CCD9AE

#9EB1A8 #A5B7A9 #ADBEAA #B5C5AB #BCCBAC #C4D2AD #CCD9AE

#9EB1A8 - #CCD9AE

HSV Blend

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

0.0%	0.0% #9EB1A8	RGB 158 177 168	#9EB1A8
16.7%	16.7% #A1B7A8	RGB 161 183 168	#A1B7A8
33.3%	33.3% #A4BEA7	RGB 164 190 167	#A4BEA7
50.0%	50.0% #A9C5A6	RGB 169 197 166	#A9C5A6
66.7%	66.7% #B3CBA9	RGB 179 203 169	#B3CBA9
83.3%	83.3% #BED2AB	RGB 190 210 171	#BED2AB
100.0%	100.0% #CCD9AE	RGB 204 217 174	#CCD9AE

#9EB1A8 #A1B7A8 #A4BEA7 #A9C5A6 #B3CBA9 #BED2AB #CCD9AE

#9EB1A8 - #A9C5A6 - #CCD9AE

CSS codes

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

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