#9EB6B6 - #C7D9B1 | 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 #9EB6B6 to #C7D9B1

#9EB6B6 #C7D9B1

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

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

0.0%	0.0% #9EB6B6	RGB 158 182 182	#9EB6B6
16.7%	16.7% #A4BBB5	RGB 164 187 181	#A4BBB5
33.3%	33.3% #ABC1B4	RGB 171 193 180	#ABC1B4
50.0%	50.0% #B2C7B3	RGB 178 199 179	#B2C7B3
66.7%	66.7% #B9CDB2	RGB 185 205 178	#B9CDB2
83.3%	83.3% #C0D3B1	RGB 192 211 177	#C0D3B1
100.0%	100.0% #C7D9B1	RGB 199 217 177	#C7D9B1

#9EB6B6 #A4BBB5 #ABC1B4 #B2C7B3 #B9CDB2 #C0D3B1 #C7D9B1

#9EB6B6 - #C7D9B1

HSV Blend

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

0.0%	0.0% #9EB6B6	RGB 158 182 182	#9EB6B6
16.7%	16.7% #A1BBB5	RGB 161 187 181	#A1BBB5
33.3%	33.3% #A4C1B2	RGB 164 193 178	#A4C1B2
50.0%	50.0% #A7C7AF	RGB 167 199 175	#A7C7AF
66.7%	66.7% #ACCDAB	RGB 172 205 171	#ACCDAB
83.3%	83.3% #B8D3AE	RGB 184 211 174	#B8D3AE
100.0%	100.0% #C7D9B1	RGB 199 217 177	#C7D9B1

#9EB6B6 #A1BBB5 #A4C1B2 #A7C7AF #ACCDAB #B8D3AE #C7D9B1

#9EB6B6 - #A7C7AF - #C7D9B1

CSS codes

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

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