#A8BDAC - #DBDEB6 | 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 #A8BDAC to #DBDEB6

#A8BDAC #DBDEB6

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

#A8BDAC - #DBDEB6 | 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 #A8BDAC as 0% and #DBDEB6 as 100%.

0.0%	0.0% #A8BDAC	RGB 168 189 172	#A8BDAC
16.7%	16.7% #B0C2AD	RGB 176 194 173	#B0C2AD
33.3%	33.3% #B9C8AF	RGB 185 200 175	#B9C8AF
50.0%	50.0% #C1CDB1	RGB 193 205 177	#C1CDB1
66.7%	66.7% #CAD3B2	RGB 202 211 178	#CAD3B2
83.3%	83.3% #D2D8B4	RGB 210 216 180	#D2D8B4
100.0%	100.0% #DBDEB6	RGB 219 222 182	#DBDEB6

#A8BDAC #B0C2AD #B9C8AF #C1CDB1 #CAD3B2 #D2D8B4 #DBDEB6

#A8BDAC - #DBDEB6

HSV Blend

#A8BDAC - #DBDEB6 | 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 #A8BDAC as 0% and #DBDEB6 as 100%.

0.0%	0.0% #A8BDAC	RGB 168 189 172	#A8BDAC
16.7%	16.7% #AAC2AA	RGB 170 194 170	#AAC2AA
33.3%	33.3% #B2C8AD	RGB 178 200 173	#B2C8AD
50.0%	50.0% #BACDAF	RGB 186 205 175	#BACDAF
66.7%	66.7% #C4D3B1	RGB 196 211 177	#C4D3B1
83.3%	83.3% #CED8B3	RGB 206 216 179	#CED8B3
100.0%	100.0% #DBDEB6	RGB 219 222 182	#DBDEB6

#A8BDAC #AAC2AA #B2C8AD #BACDAF #C4D3B1 #CED8B3 #DBDEB6

#A8BDAC - #BACDAF - #DBDEB6

CSS codes

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

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