#A8BDBB - #C9DCB6 | 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 #A8BDBB to #C9DCB6

#A8BDBB #C9DCB6

Calculate the color between two colors, #A8BDBB and #C9DCB6. 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)

#A8BDBB - #C9DCB6 | 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 #A8BDBB as 0% and #C9DCB6 as 100%.

0.0%	0.0% #A8BDBB	RGB 168 189 187	#A8BDBB
16.7%	16.7% #ADC2BA	RGB 173 194 186	#ADC2BA
33.3%	33.3% #B3C7B9	RGB 179 199 185	#B3C7B9
50.0%	50.0% #B8CCB8	RGB 184 204 184	#B8CCB8
66.7%	66.7% #BED1B7	RGB 190 209 183	#BED1B7
83.3%	83.3% #C3D6B6	RGB 195 214 182	#C3D6B6
100.0%	100.0% #C9DCB6	RGB 201 220 182	#C9DCB6

#A8BDBB #ADC2BA #B3C7B9 #B8CCB8 #BED1B7 #C3D6B6 #C9DCB6

#A8BDBB - #C9DCB6

HSV Blend

#A8BDBB - #C9DCB6 | 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 #A8BDBB as 0% and #C9DCB6 as 100%.

0.0%	0.0% #A8BDBB	RGB 168 189 187	#A8BDBB
16.7%	16.7% #AAC2BA	RGB 170 194 186	#AAC2BA
33.3%	33.3% #ADC7B8	RGB 173 199 184	#ADC7B8
50.0%	50.0% #AFCCB5	RGB 175 204 181	#AFCCB5
66.7%	66.7% #B2D1B1	RGB 178 209 177	#B2D1B1
83.3%	83.3% #BDD6B3	RGB 189 214 179	#BDD6B3
100.0%	100.0% #C9DCB6	RGB 201 220 182	#C9DCB6

#A8BDBB #AAC2BA #ADC7B8 #AFCCB5 #B2D1B1 #BDD6B3 #C9DCB6

#A8BDBB - #AFCCB5 - #C9DCB6

CSS codes

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

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