#DCCED5 - #FFF5E6 | 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 #DCCED5 to #FFF5E6

#DCCED5 #FFF5E6

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

#DCCED5 - #FFF5E6 | 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 #DCCED5 as 0% and #FFF5E6 as 100%.

0.0%	0.0% #DCCED5	RGB 220 206 213	#DCCED5
16.7%	16.7% #E1D4D7	RGB 225 212 215	#E1D4D7
33.3%	33.3% #E7DBDA	RGB 231 219 218	#E7DBDA
50.0%	50.0% #EDE1DD	RGB 237 225 221	#EDE1DD
66.7%	66.7% #F3E8E0	RGB 243 232 224	#F3E8E0
83.3%	83.3% #F9EEE3	RGB 249 238 227	#F9EEE3
100.0%	100.0% #FFF5E6	RGB 255 245 230	#FFF5E6

#DCCED5 #E1D4D7 #E7DBDA #EDE1DD #F3E8E0 #F9EEE3 #FFF5E6

#DCCED5 - #FFF5E6

HSV Blend

#DCCED5 - #FFF5E6 | 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 #DCCED5 as 0% and #FFF5E6 as 100%.

0.0%	0.0% #DCCED5	RGB 220 206 213	#DCCED5
16.7%	16.7% #E1D2D7	RGB 225 210 215	#E1D2D7
33.3%	33.3% #E7D6D8	RGB 231 214 216	#E7D6D8
50.0%	50.0% #EDDBDA	RGB 237 219 218	#EDDBDA
66.7%	66.7% #F3E3DE	RGB 243 227 222	#F3E3DE
83.3%	83.3% #F9EBE2	RGB 249 235 226	#F9EBE2
100.0%	100.0% #FFF5E6	RGB 255 245 230	#FFF5E6

#DCCED5 #E1D2D7 #E7D6D8 #EDDBDA #F3E3DE #F9EBE2 #FFF5E6

#DCCED5 - #EDDBDA - #FFF5E6

CSS codes

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

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