#DDCDD4 - #B07A8D | 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 #DDCDD4 to #B07A8D

#DDCDD4 #B07A8D

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

#DDCDD4 - #B07A8D | 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 #DDCDD4 as 0% and #B07A8D as 100%.

0.0%	0.0% #DDCDD4	RGB 221 205 212	#DDCDD4
16.7%	16.7% #D5BFC8	RGB 213 191 200	#D5BFC8
33.3%	33.3% #CEB1BC	RGB 206 177 188	#CEB1BC
50.0%	50.0% #C6A3B0	RGB 198 163 176	#C6A3B0
66.7%	66.7% #BF95A4	RGB 191 149 164	#BF95A4
83.3%	83.3% #B78798	RGB 183 135 152	#B78798
100.0%	100.0% #B07A8D	RGB 176 122 141	#B07A8D

#DDCDD4 #D5BFC8 #CEB1BC #C6A3B0 #BF95A4 #B78798 #B07A8D

#DDCDD4 - #B07A8D

HSV Blend

#DDCDD4 - #B07A8D | 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 #DDCDD4 as 0% and #B07A8D as 100%.

0.0%	0.0% #DDCDD4	RGB 221 205 212	#DDCDD4
16.7%	16.7% #D5BDC7	RGB 213 189 199	#D5BDC7
33.3%	33.3% #CEAEBB	RGB 206 174 187	#CEAEBB
50.0%	50.0% #C6A0AF	RGB 198 160 175	#C6A0AF
66.7%	66.7% #BF93A3	RGB 191 147 163	#BF93A3
83.3%	83.3% #B78698	RGB 183 134 152	#B78698
100.0%	100.0% #B07A8D	RGB 176 122 141	#B07A8D

#DDCDD4 #D5BDC7 #CEAEBB #C6A0AF #BF93A3 #B78698 #B07A8D

#DDCDD4 - #C6A0AF - #B07A8D

CSS codes

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

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