#A2B7A8 - #D9D4B2 | 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 #A2B7A8 to #D9D4B2

#A2B7A8 #D9D4B2

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

#A2B7A8 - #D9D4B2 | 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 #A2B7A8 as 0% and #D9D4B2 as 100%.

0.0%	0.0% #A2B7A8	RGB 162 183 168	#A2B7A8
16.7%	16.7% #ABBBA9	RGB 171 187 169	#ABBBA9
33.3%	33.3% #B4C0AB	RGB 180 192 171	#B4C0AB
50.0%	50.0% #BDC5AD	RGB 189 197 173	#BDC5AD
66.7%	66.7% #C6CAAE	RGB 198 202 174	#C6CAAE
83.3%	83.3% #CFCFB0	RGB 207 207 176	#CFCFB0
100.0%	100.0% #D9D4B2	RGB 217 212 178	#D9D4B2

#A2B7A8 #ABBBA9 #B4C0AB #BDC5AD #C6CAAE #CFCFB0 #D9D4B2

#A2B7A8 - #D9D4B2

HSV Blend

#A2B7A8 - #D9D4B2 | 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 #A2B7A8 as 0% and #D9D4B2 as 100%.

0.0%	0.0% #A2B7A8	RGB 162 183 168	#A2B7A8
16.7%	16.7% #A4BCA6	RGB 164 188 166	#A4BCA6
33.3%	33.3% #ACC2A7	RGB 172 194 167	#ACC2A7
50.0%	50.0% #B6C8AA	RGB 182 200 170	#B6C8AA
66.7%	66.7% #C2CDAD	RGB 194 205 173	#C2CDAD
83.3%	83.3% #CFD3AF	RGB 207 211 175	#CFD3AF
100.0%	100.0% #D9D4B2	RGB 217 212 178	#D9D4B2

#A2B7A8 #A4BCA6 #ACC2A7 #B6C8AA #C2CDAD #CFD3AF #D9D4B2

#A2B7A8 - #B6C8AA - #D9D4B2

CSS codes

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

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