#8EB6B3 - #C9D9AE | 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 #8EB6B3 to #C9D9AE

#8EB6B3 #C9D9AE

Calculate the color between two colors, #8EB6B3 and #C9D9AE. 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)

#8EB6B3 - #C9D9AE | 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 #8EB6B3 as 0% and #C9D9AE as 100%.

0.0%	0.0% #8EB6B3	RGB 142 182 179	#8EB6B3
16.7%	16.7% #97BBB2	RGB 151 187 178	#97BBB2
33.3%	33.3% #A1C1B1	RGB 161 193 177	#A1C1B1
50.0%	50.0% #ABC7B0	RGB 171 199 176	#ABC7B0
66.7%	66.7% #B5CDAF	RGB 181 205 175	#B5CDAF
83.3%	83.3% #BFD3AE	RGB 191 211 174	#BFD3AE
100.0%	100.0% #C9D9AE	RGB 201 217 174	#C9D9AE

#8EB6B3 #97BBB2 #A1C1B1 #ABC7B0 #B5CDAF #BFD3AE #C9D9AE

#8EB6B3 - #C9D9AE

HSV Blend

#8EB6B3 - #C9D9AE | 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 #8EB6B3 as 0% and #C9D9AE as 100%.

0.0%	0.0% #8EB6B3	RGB 142 182 179	#8EB6B3
16.7%	16.7% #93BBAE	RGB 147 187 174	#93BBAE
33.3%	33.3% #98C1A9	RGB 152 193 169	#98C1A9
50.0%	50.0% #9DC7A4	RGB 157 199 164	#9DC7A4
66.7%	66.7% #A7CDA3	RGB 167 205 163	#A7CDA3
83.3%	83.3% #B8D3A8	RGB 184 211 168	#B8D3A8
100.0%	100.0% #C9D9AE	RGB 201 217 174	#C9D9AE

#8EB6B3 #93BBAE #98C1A9 #9DC7A4 #A7CDA3 #B8D3A8 #C9D9AE

#8EB6B3 - #9DC7A4 - #C9D9AE

CSS codes

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

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