#DDD4D8 - #B08492 | 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 #DDD4D8 to #B08492

#DDD4D8 #B08492

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

#DDD4D8 - #B08492 | 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 #DDD4D8 as 0% and #B08492 as 100%.

0.0%	0.0% #DDD4D8	RGB 221 212 216	#DDD4D8
16.7%	16.7% #D5C6CC	RGB 213 198 204	#D5C6CC
33.3%	33.3% #CEB9C0	RGB 206 185 192	#CEB9C0
50.0%	50.0% #C6ACB5	RGB 198 172 181	#C6ACB5
66.7%	66.7% #BF9EA9	RGB 191 158 169	#BF9EA9
83.3%	83.3% #B7919D	RGB 183 145 157	#B7919D
100.0%	100.0% #B08492	RGB 176 132 146	#B08492

#DDD4D8 #D5C6CC #CEB9C0 #C6ACB5 #BF9EA9 #B7919D #B08492

#DDD4D8 - #B08492

HSV Blend

#DDD4D8 - #B08492 | 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 #DDD4D8 as 0% and #B08492 as 100%.

0.0%	0.0% #DDD4D8	RGB 221 212 216	#DDD4D8
16.7%	16.7% #D5C5CC	RGB 213 197 204	#D5C5CC
33.3%	33.3% #CEB7C0	RGB 206 183 192	#CEB7C0
50.0%	50.0% #C6A9B4	RGB 198 169 180	#C6A9B4
66.7%	66.7% #BF9CA8	RGB 191 156 168	#BF9CA8
83.3%	83.3% #B7909D	RGB 183 144 157	#B7909D
100.0%	100.0% #B08492	RGB 176 132 146	#B08492

#DDD4D8 #D5C5CC #CEB7C0 #C6A9B4 #BF9CA8 #B7909D #B08492

#DDD4D8 - #C6A9B4 - #B08492

CSS codes

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

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