#ABAB9B - #FFDDAC | 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 #ABAB9B to #FFDDAC

#ABAB9B #FFDDAC

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

#ABAB9B - #FFDDAC | 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 #ABAB9B as 0% and #FFDDAC as 100%.

0.0%	0.0% #ABAB9B	RGB 171 171 155	#ABAB9B
16.7%	16.7% #B9B39D	RGB 185 179 157	#B9B39D
33.3%	33.3% #C7BBA0	RGB 199 187 160	#C7BBA0
50.0%	50.0% #D5C4A3	RGB 213 196 163	#D5C4A3
66.7%	66.7% #E3CCA6	RGB 227 204 166	#E3CCA6
83.3%	83.3% #F1D4A9	RGB 241 212 169	#F1D4A9
100.0%	100.0% #FFDDAC	RGB 255 221 172	#FFDDAC

#ABAB9B #B9B39D #C7BBA0 #D5C4A3 #E3CCA6 #F1D4A9 #FFDDAC

#ABAB9B - #FFDDAC

HSV Blend

#ABAB9B - #FFDDAC | 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 #ABAB9B as 0% and #FFDDAC as 100%.

0.0%	0.0% #ABAB9B	RGB 171 171 155	#ABAB9B
16.7%	16.7% #B9B7A0	RGB 185 183 160	#B9B7A0
33.3%	33.3% #C7C2A4	RGB 199 194 164	#C7C2A4
50.0%	50.0% #D5CBA8	RGB 213 203 168	#D5CBA8
66.7%	66.7% #E3D3AA	RGB 227 211 170	#E3D3AA
83.3%	83.3% #F1D9AB	RGB 241 217 171	#F1D9AB
100.0%	100.0% #FFDDAC	RGB 255 221 172	#FFDDAC

#ABAB9B #B9B7A0 #C7C2A4 #D5CBA8 #E3D3AA #F1D9AB #FFDDAC

#ABAB9B - #D5CBA8 - #FFDDAC

CSS codes

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

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