#A8BAAD - #D1DFB5 | 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 #A8BAAD to #D1DFB5

#A8BAAD #D1DFB5

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

#A8BAAD - #D1DFB5 | 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 #A8BAAD as 0% and #D1DFB5 as 100%.

0.0%	0.0% #A8BAAD	RGB 168 186 173	#A8BAAD
16.7%	16.7% #AEC0AE	RGB 174 192 174	#AEC0AE
33.3%	33.3% #B5C6AF	RGB 181 198 175	#B5C6AF
50.0%	50.0% #BCCCB1	RGB 188 204 177	#BCCCB1
66.7%	66.7% #C3D2B2	RGB 195 210 178	#C3D2B2
83.3%	83.3% #CAD8B3	RGB 202 216 179	#CAD8B3
100.0%	100.0% #D1DFB5	RGB 209 223 181	#D1DFB5

#A8BAAD #AEC0AE #B5C6AF #BCCCB1 #C3D2B2 #CAD8B3 #D1DFB5

#A8BAAD - #D1DFB5

HSV Blend

#A8BAAD - #D1DFB5 | 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 #A8BAAD as 0% and #D1DFB5 as 100%.

0.0%	0.0% #A8BAAD	RGB 168 186 173	#A8BAAD
16.7%	16.7% #AAC0AD	RGB 170 192 173	#AAC0AD
33.3%	33.3% #AEC6AD	RGB 174 198 173	#AEC6AD
50.0%	50.0% #B5CCAF	RGB 181 204 175	#B5CCAF
66.7%	66.7% #BDD2B1	RGB 189 210 177	#BDD2B1
83.3%	83.3% #C6D8B3	RGB 198 216 179	#C6D8B3
100.0%	100.0% #D1DFB5	RGB 209 223 181	#D1DFB5

#A8BAAD #AAC0AD #AEC6AD #B5CCAF #BDD2B1 #C6D8B3 #D1DFB5

#A8BAAD - #B5CCAF - #D1DFB5

CSS codes

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

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