#D4D0CF - #DADDE4 | 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 #D4D0CF to #DADDE4

#D4D0CF #DADDE4

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

#D4D0CF - #DADDE4 | 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 #D4D0CF as 0% and #DADDE4 as 100%.

0.0%	0.0% #D4D0CF	RGB 212 208 207	#D4D0CF
16.7%	16.7% #D5D2D2	RGB 213 210 210	#D5D2D2
33.3%	33.3% #D6D4D6	RGB 214 212 214	#D6D4D6
50.0%	50.0% #D7D6D9	RGB 215 214 217	#D7D6D9
66.7%	66.7% #D8D8DD	RGB 216 216 221	#D8D8DD
83.3%	83.3% #D9DAE0	RGB 217 218 224	#D9DAE0
100.0%	100.0% #DADDE4	RGB 218 221 228	#DADDE4

#D4D0CF #D5D2D2 #D6D4D6 #D7D6D9 #D8D8DD #D9DAE0 #DADDE4

#D4D0CF - #DADDE4

HSV Blend

#D4D0CF - #DADDE4 | 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 #D4D0CF as 0% and #DADDE4 as 100%.

0.0%	0.0% #D4D0CF	RGB 212 208 207	#D4D0CF
16.7%	16.7% #D6D0D2	RGB 214 208 210	#D6D0D2
33.3%	33.3% #D9D2D6	RGB 217 210 214	#D9D2D6
50.0%	50.0% #DBD4DC	RGB 219 212 220	#DBD4DC
66.7%	66.7% #DAD6DE	RGB 218 214 222	#DAD6DE
83.3%	83.3% #D9D8E1	RGB 217 216 225	#D9D8E1
100.0%	100.0% #DADDE4	RGB 218 221 228	#DADDE4

#D4D0CF #D6D0D2 #D9D2D6 #DBD4DC #DAD6DE #D9D8E1 #DADDE4

#D4D0CF - #DBD4DC - #DADDE4

CSS codes

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

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