#DDCCD1 - #C37B93 | 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 #DDCCD1 to #C37B93

#DDCCD1 #C37B93

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

#DDCCD1 - #C37B93 | 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 #DDCCD1 as 0% and #C37B93 as 100%.

0.0%	0.0% #DDCCD1	RGB 221 204 209	#DDCCD1
16.7%	16.7% #D8BEC6	RGB 216 190 198	#D8BEC6
33.3%	33.3% #D4B1BC	RGB 212 177 188	#D4B1BC
50.0%	50.0% #D0A3B2	RGB 208 163 178	#D0A3B2
66.7%	66.7% #CB96A7	RGB 203 150 167	#CB96A7
83.3%	83.3% #C7889D	RGB 199 136 157	#C7889D
100.0%	100.0% #C37B93	RGB 195 123 147	#C37B93

#DDCCD1 #D8BEC6 #D4B1BC #D0A3B2 #CB96A7 #C7889D #C37B93

#DDCCD1 - #C37B93

HSV Blend

#DDCCD1 - #C37B93 | 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 #DDCCD1 as 0% and #C37B93 as 100%.

0.0%	0.0% #DDCCD1	RGB 221 204 209	#DDCCD1
16.7%	16.7% #D8BDC5	RGB 216 189 197	#D8BDC5
33.3%	33.3% #D4AFBA	RGB 212 175 186	#D4AFBA
50.0%	50.0% #D0A1B0	RGB 208 161 176	#D0A1B0
66.7%	66.7% #CB94A6	RGB 203 148 166	#CB94A6
83.3%	83.3% #C7879C	RGB 199 135 156	#C7879C
100.0%	100.0% #C37B93	RGB 195 123 147	#C37B93

#DDCCD1 #D8BDC5 #D4AFBA #D0A1B0 #CB94A6 #C7879C #C37B93

#DDCCD1 - #D0A1B0 - #C37B93

CSS codes

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

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