#D9CDD2 - #EACEDE | 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 #D9CDD2 to #EACEDE

#D9CDD2 #EACEDE

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

#D9CDD2 - #EACEDE | 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 #D9CDD2 as 0% and #EACEDE as 100%.

0.0%	0.0% #D9CDD2	RGB 217 205 210	#D9CDD2
16.7%	16.7% #DBCDD4	RGB 219 205 212	#DBCDD4
33.3%	33.3% #DECDD6	RGB 222 205 214	#DECDD6
50.0%	50.0% #E1CDD8	RGB 225 205 216	#E1CDD8
66.7%	66.7% #E4CDDA	RGB 228 205 218	#E4CDDA
83.3%	83.3% #E7CDDC	RGB 231 205 220	#E7CDDC
100.0%	100.0% #EACEDE	RGB 234 206 222	#EACEDE

#D9CDD2 #DBCDD4 #DECDD6 #E1CDD8 #E4CDDA #E7CDDC #EACEDE

#D9CDD2 - #EACEDE

HSV Blend

#D9CDD2 - #EACEDE | 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 #D9CDD2 as 0% and #EACEDE as 100%.

0.0%	0.0% #D9CDD2	RGB 217 205 210	#D9CDD2
16.7%	16.7% #DBCDD3	RGB 219 205 211	#DBCDD3
33.3%	33.3% #DECDD5	RGB 222 205 213	#DECDD5
50.0%	50.0% #E1CDD7	RGB 225 205 215	#E1CDD7
66.7%	66.7% #E4CDD9	RGB 228 205 217	#E4CDD9
83.3%	83.3% #E7CDDB	RGB 231 205 219	#E7CDDB
100.0%	100.0% #EACEDE	RGB 234 206 222	#EACEDE

#D9CDD2 #DBCDD3 #DECDD5 #E1CDD7 #E4CDD9 #E7CDDB #EACEDE

#D9CDD2 - #E1CDD7 - #EACEDE

CSS codes

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

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