#DDCDCD - #FFDBE3 | 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 #DDCDCD to #FFDBE3

#DDCDCD #FFDBE3

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

#DDCDCD - #FFDBE3 | 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 #DDCDCD as 0% and #FFDBE3 as 100%.

0.0%	0.0% #DDCDCD	RGB 221 205 205	#DDCDCD
16.7%	16.7% #E2CFD0	RGB 226 207 208	#E2CFD0
33.3%	33.3% #E8D1D4	RGB 232 209 212	#E8D1D4
50.0%	50.0% #EED4D8	RGB 238 212 216	#EED4D8
66.7%	66.7% #F3D6DB	RGB 243 214 219	#F3D6DB
83.3%	83.3% #F9D8DF	RGB 249 216 223	#F9D8DF
100.0%	100.0% #FFDBE3	RGB 255 219 227	#FFDBE3

#DDCDCD #E2CFD0 #E8D1D4 #EED4D8 #F3D6DB #F9D8DF #FFDBE3

#DDCDCD - #FFDBE3

HSV Blend

#DDCDCD - #FFDBE3 | 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 #DDCDCD as 0% and #FFDBE3 as 100%.

0.0%	0.0% #DDCDCD	RGB 221 205 205	#DDCDCD
16.7%	16.7% #E2CFD0	RGB 226 207 208	#E2CFD0
33.3%	33.3% #E8D2D3	RGB 232 210 211	#E8D2D3
50.0%	50.0% #EED4D7	RGB 238 212 215	#EED4D7
66.7%	66.7% #F3D6DB	RGB 243 214 219	#F3D6DB
83.3%	83.3% #F9D8DE	RGB 249 216 222	#F9D8DE
100.0%	100.0% #FFDBE3	RGB 255 219 227	#FFDBE3

#DDCDCD #E2CFD0 #E8D2D3 #EED4D7 #F3D6DB #F9D8DE #FFDBE3

#DDCDCD - #EED4D7 - #FFDBE3

CSS codes

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

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