#DCCCD5 - #FFF5E7 | 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 #DCCCD5 to #FFF5E7

#DCCCD5 #FFF5E7

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

#DCCCD5 - #FFF5E7 | 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 #DCCCD5 as 0% and #FFF5E7 as 100%.

0.0%	0.0% #DCCCD5	RGB 220 204 213	#DCCCD5
16.7%	16.7% #E1D2D8	RGB 225 210 216	#E1D2D8
33.3%	33.3% #E7D9DB	RGB 231 217 219	#E7D9DB
50.0%	50.0% #EDE0DE	RGB 237 224 222	#EDE0DE
66.7%	66.7% #F3E7E1	RGB 243 231 225	#F3E7E1
83.3%	83.3% #F9EEE4	RGB 249 238 228	#F9EEE4
100.0%	100.0% #FFF5E7	RGB 255 245 231	#FFF5E7

#DCCCD5 #E1D2D8 #E7D9DB #EDE0DE #F3E7E1 #F9EEE4 #FFF5E7

#DCCCD5 - #FFF5E7

HSV Blend

#DCCCD5 - #FFF5E7 | 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 #DCCCD5 as 0% and #FFF5E7 as 100%.

0.0%	0.0% #DCCCD5	RGB 220 204 213	#DCCCD5
16.7%	16.7% #E1D0D7	RGB 225 208 215	#E1D0D7
33.3%	33.3% #E7D5D8	RGB 231 213 216	#E7D5D8
50.0%	50.0% #EDD9D9	RGB 237 217 217	#EDD9D9
66.7%	66.7% #F3E2DE	RGB 243 226 222	#F3E2DE
83.3%	83.3% #F9EBE2	RGB 249 235 226	#F9EBE2
100.0%	100.0% #FFF5E7	RGB 255 245 231	#FFF5E7

#DCCCD5 #E1D0D7 #E7D5D8 #EDD9D9 #F3E2DE #F9EBE2 #FFF5E7

#DCCCD5 - #EDD9D9 - #FFF5E7

CSS codes

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

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