#DDD8AB - #FFB9C3 | 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 #DDD8AB to #FFB9C3

#DDD8AB #FFB9C3

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

#DDD8AB - #FFB9C3 | 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 #DDD8AB as 0% and #FFB9C3 as 100%.

0.0%	0.0% #DDD8AB	RGB 221 216 171	#DDD8AB
16.7%	16.7% #E2D2AF	RGB 226 210 175	#E2D2AF
33.3%	33.3% #E8CDB3	RGB 232 205 179	#E8CDB3
50.0%	50.0% #EEC8B7	RGB 238 200 183	#EEC8B7
66.7%	66.7% #F3C3BB	RGB 243 195 187	#F3C3BB
83.3%	83.3% #F9BEBF	RGB 249 190 191	#F9BEBF
100.0%	100.0% #FFB9C3	RGB 255 185 195	#FFB9C3

#DDD8AB #E2D2AF #E8CDB3 #EEC8B7 #F3C3BB #F9BEBF #FFB9C3

#DDD8AB - #FFB9C3

HSV Blend

#DDD8AB - #FFB9C3 | 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 #DDD8AB as 0% and #FFB9C3 as 100%.

0.0%	0.0% #DDD8AB	RGB 221 216 171	#DDD8AB
16.7%	16.7% #E2D4AD	RGB 226 212 173	#E2D4AD
33.3%	33.3% #E8CFB0	RGB 232 207 176	#E8CFB0
50.0%	50.0% #EEC8B2	RGB 238 200 178	#EEC8B2
66.7%	66.7% #F3C1B4	RGB 243 193 180	#F3C1B4
83.3%	83.3% #F9B8B6	RGB 249 184 182	#F9B8B6
100.0%	100.0% #FFB9C3	RGB 255 185 195	#FFB9C3

#DDD8AB #E2D4AD #E8CFB0 #EEC8B2 #F3C1B4 #F9B8B6 #FFB9C3

#DDD8AB - #EEC8B2 - #FFB9C3

CSS codes

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

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