#DAD4D6 - #E8C7E3 | 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 #DAD4D6 to #E8C7E3

#DAD4D6 #E8C7E3

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

#DAD4D6 - #E8C7E3 | 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 #DAD4D6 as 0% and #E8C7E3 as 100%.

0.0%	0.0% #DAD4D6	RGB 218 212 214	#DAD4D6
16.7%	16.7% #DCD1D8	RGB 220 209 216	#DCD1D8
33.3%	33.3% #DECFDA	RGB 222 207 218	#DECFDA
50.0%	50.0% #E1CDDC	RGB 225 205 220	#E1CDDC
66.7%	66.7% #E3CBDE	RGB 227 203 222	#E3CBDE
83.3%	83.3% #E5C9E0	RGB 229 201 224	#E5C9E0
100.0%	100.0% #E8C7E3	RGB 232 199 227	#E8C7E3

#DAD4D6 #DCD1D8 #DECFDA #E1CDDC #E3CBDE #E5C9E0 #E8C7E3

#DAD4D6 - #E8C7E3

HSV Blend

#DAD4D6 - #E8C7E3 | 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 #DAD4D6 as 0% and #E8C7E3 as 100%.

0.0%	0.0% #DAD4D6	RGB 218 212 214	#DAD4D6
16.7%	16.7% #DCD2D6	RGB 220 210 214	#DCD2D6
33.3%	33.3% #DED0D7	RGB 222 208 215	#DED0D7
50.0%	50.0% #E1CDD9	RGB 225 205 217	#E1CDD9
66.7%	66.7% #E3CBDB	RGB 227 203 219	#E3CBDB
83.3%	83.3% #E5C9DE	RGB 229 201 222	#E5C9DE
100.0%	100.0% #E8C7E3	RGB 232 199 227	#E8C7E3

#DAD4D6 #DCD2D6 #DED0D7 #E1CDD9 #E3CBDB #E5C9DE #E8C7E3

#DAD4D6 - #E1CDD9 - #E8C7E3

CSS codes

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

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