#A8BDB9 - #CADDB6 | 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 #A8BDB9 to #CADDB6

#A8BDB9 #CADDB6

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

#A8BDB9 - #CADDB6 | 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 #A8BDB9 as 0% and #CADDB6 as 100%.

0.0%	0.0% #A8BDB9	RGB 168 189 185	#A8BDB9
16.7%	16.7% #ADC2B8	RGB 173 194 184	#ADC2B8
33.3%	33.3% #B3C7B8	RGB 179 199 184	#B3C7B8
50.0%	50.0% #B9CDB7	RGB 185 205 183	#B9CDB7
66.7%	66.7% #BED2B7	RGB 190 210 183	#BED2B7
83.3%	83.3% #C4D7B6	RGB 196 215 182	#C4D7B6
100.0%	100.0% #CADDB6	RGB 202 221 182	#CADDB6

#A8BDB9 #ADC2B8 #B3C7B8 #B9CDB7 #BED2B7 #C4D7B6 #CADDB6

#A8BDB9 - #CADDB6

HSV Blend

#A8BDB9 - #CADDB6 | 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 #A8BDB9 as 0% and #CADDB6 as 100%.

0.0%	0.0% #A8BDB9	RGB 168 189 185	#A8BDB9
16.7%	16.7% #AAC2B8	RGB 170 194 184	#AAC2B8
33.3%	33.3% #ADC7B6	RGB 173 199 182	#ADC7B6
50.0%	50.0% #AFCDB3	RGB 175 205 179	#AFCDB3
66.7%	66.7% #B4D2B1	RGB 180 210 177	#B4D2B1
83.3%	83.3% #BED7B3	RGB 190 215 179	#BED7B3
100.0%	100.0% #CADDB6	RGB 202 221 182	#CADDB6

#A8BDB9 #AAC2B8 #ADC7B6 #AFCDB3 #B4D2B1 #BED7B3 #CADDB6

#A8BDB9 - #AFCDB3 - #CADDB6

CSS codes

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

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