#A8B5AD - #CDDCB4 | 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 #A8B5AD to #CDDCB4

#A8B5AD #CDDCB4

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

#A8B5AD - #CDDCB4 | 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 #A8B5AD as 0% and #CDDCB4 as 100%.

0.0%	0.0% #A8B5AD	RGB 168 181 173	#A8B5AD
16.7%	16.7% #AEBBAE	RGB 174 187 174	#AEBBAE
33.3%	33.3% #B4C2AF	RGB 180 194 175	#B4C2AF
50.0%	50.0% #BAC8B0	RGB 186 200 176	#BAC8B0
66.7%	66.7% #C0CFB1	RGB 192 207 177	#C0CFB1
83.3%	83.3% #C6D5B2	RGB 198 213 178	#C6D5B2
100.0%	100.0% #CDDCB4	RGB 205 220 180	#CDDCB4

#A8B5AD #AEBBAE #B4C2AF #BAC8B0 #C0CFB1 #C6D5B2 #CDDCB4

#A8B5AD - #CDDCB4

HSV Blend

#A8B5AD - #CDDCB4 | 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 #A8B5AD as 0% and #CDDCB4 as 100%.

0.0%	0.0% #A8B5AD	RGB 168 181 173	#A8B5AD
16.7%	16.7% #AABBAE	RGB 170 187 174	#AABBAE
33.3%	33.3% #ACC2AD	RGB 172 194 173	#ACC2AD
50.0%	50.0% #B2C8AF	RGB 178 200 175	#B2C8AF
66.7%	66.7% #B9CFB0	RGB 185 207 176	#B9CFB0
83.3%	83.3% #C2D5B2	RGB 194 213 178	#C2D5B2
100.0%	100.0% #CDDCB4	RGB 205 220 180	#CDDCB4

#A8B5AD #AABBAE #ACC2AD #B2C8AF #B9CFB0 #C2D5B2 #CDDCB4

#A8B5AD - #B2C8AF - #CDDCB4

CSS codes

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

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