#9AB6B5 - #C8D9B0 | 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 #9AB6B5 to #C8D9B0

#9AB6B5 #C8D9B0

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

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

0.0%	0.0% #9AB6B5	RGB 154 182 181	#9AB6B5
16.7%	16.7% #A1BBB4	RGB 161 187 180	#A1BBB4
33.3%	33.3% #A9C1B3	RGB 169 193 179	#A9C1B3
50.0%	50.0% #B1C7B2	RGB 177 199 178	#B1C7B2
66.7%	66.7% #B8CDB1	RGB 184 205 177	#B8CDB1
83.3%	83.3% #C0D3B0	RGB 192 211 176	#C0D3B0
100.0%	100.0% #C8D9B0	RGB 200 217 176	#C8D9B0

#9AB6B5 #A1BBB4 #A9C1B3 #B1C7B2 #B8CDB1 #C0D3B0 #C8D9B0

#9AB6B5 - #C8D9B0

HSV Blend

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

0.0%	0.0% #9AB6B5	RGB 154 182 181	#9AB6B5
16.7%	16.7% #9DBBB3	RGB 157 187 179	#9DBBB3
33.3%	33.3% #A1C1AF	RGB 161 193 175	#A1C1AF
50.0%	50.0% #A5C7AB	RGB 165 199 171	#A5C7AB
66.7%	66.7% #ABCDA8	RGB 171 205 168	#ABCDA8
83.3%	83.3% #B9D3AC	RGB 185 211 172	#B9D3AC
100.0%	100.0% #C8D9B0	RGB 200 217 176	#C8D9B0

#9AB6B5 #9DBBB3 #A1C1AF #A5C7AB #ABCDA8 #B9D3AC #C8D9B0

#9AB6B5 - #A5C7AB - #C8D9B0

CSS codes

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

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