#ABAD9C - #EDE2B7 | 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 #ABAD9C to #EDE2B7

#ABAD9C #EDE2B7

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

#ABAD9C - #EDE2B7 | 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 #ABAD9C as 0% and #EDE2B7 as 100%.

0.0%	0.0% #ABAD9C	RGB 171 173 156	#ABAD9C
16.7%	16.7% #B6B5A0	RGB 182 181 160	#B6B5A0
33.3%	33.3% #C1BEA5	RGB 193 190 165	#C1BEA5
50.0%	50.0% #CCC7A9	RGB 204 199 169	#CCC7A9
66.7%	66.7% #D7D0AE	RGB 215 208 174	#D7D0AE
83.3%	83.3% #E2D9B2	RGB 226 217 178	#E2D9B2
100.0%	100.0% #EDE2B7	RGB 237 226 183	#EDE2B7

#ABAD9C #B6B5A0 #C1BEA5 #CCC7A9 #D7D0AE #E2D9B2 #EDE2B7

#ABAD9C - #EDE2B7

HSV Blend

#ABAD9C - #EDE2B7 | 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 #ABAD9C as 0% and #EDE2B7 as 100%.

0.0%	0.0% #ABAD9C	RGB 171 173 156	#ABAD9C
16.7%	16.7% #B6B7A1	RGB 182 183 161	#B6B7A1
33.3%	33.3% #C2C2A6	RGB 194 194 166	#C2C2A6
50.0%	50.0% #CDCBAB	RGB 205 203 171	#CDCBAB
66.7%	66.7% #D7D3AF	RGB 215 211 175	#D7D3AF
83.3%	83.3% #E2DBB3	RGB 226 219 179	#E2DBB3
100.0%	100.0% #EDE2B7	RGB 237 226 183	#EDE2B7

#ABAD9C #B6B7A1 #C2C2A6 #CDCBAB #D7D3AF #E2DBB3 #EDE2B7

#ABAD9C - #CDCBAB - #EDE2B7

CSS codes

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

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