#D4DCD9 - #E5EFFF | 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 #D4DCD9 to #E5EFFF

#D4DCD9 #E5EFFF

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

#D4DCD9 - #E5EFFF | 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 #D4DCD9 as 0% and #E5EFFF as 100%.

0.0%	0.0% #D4DCD9	RGB 212 220 217	#D4DCD9
16.7%	16.7% #D6DFDF	RGB 214 223 223	#D6DFDF
33.3%	33.3% #D9E2E5	RGB 217 226 229	#D9E2E5
50.0%	50.0% #DCE5EC	RGB 220 229 236	#DCE5EC
66.7%	66.7% #DFE8F2	RGB 223 232 242	#DFE8F2
83.3%	83.3% #E2EBF8	RGB 226 235 248	#E2EBF8
100.0%	100.0% #E5EFFF	RGB 229 239 255	#E5EFFF

#D4DCD9 #D6DFDF #D9E2E5 #DCE5EC #DFE8F2 #E2EBF8 #E5EFFF

#D4DCD9 - #E5EFFF

HSV Blend

#D4DCD9 - #E5EFFF | 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 #D4DCD9 as 0% and #E5EFFF as 100%.

0.0%	0.0% #D4DCD9	RGB 212 220 217	#D4DCD9
16.7%	16.7% #D7E1DF	RGB 215 225 223	#D7E1DF
33.3%	33.3% #DAE7E7	RGB 218 231 231	#DAE7E7
50.0%	50.0% #DDEBED	RGB 221 235 237	#DDEBED
66.7%	66.7% #DFEDF3	RGB 223 237 243	#DFEDF3
83.3%	83.3% #E2EEF9	RGB 226 238 249	#E2EEF9
100.0%	100.0% #E5EFFF	RGB 229 239 255	#E5EFFF

#D4DCD9 #D7E1DF #DAE7E7 #DDEBED #DFEDF3 #E2EEF9 #E5EFFF

#D4DCD9 - #DDEBED - #E5EFFF

CSS codes

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

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