#D6DADB - #EDCDFF | 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 #D6DADB to #EDCDFF

#D6DADB #EDCDFF

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

#D6DADB - #EDCDFF | 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 #D6DADB as 0% and #EDCDFF as 100%.

0.0%	0.0% #D6DADB	RGB 214 218 219	#D6DADB
16.7%	16.7% #D9D7E1	RGB 217 215 225	#D9D7E1
33.3%	33.3% #DDD5E7	RGB 221 213 231	#DDD5E7
50.0%	50.0% #E1D3ED	RGB 225 211 237	#E1D3ED
66.7%	66.7% #E5D1F3	RGB 229 209 243	#E5D1F3
83.3%	83.3% #E9CFF9	RGB 233 207 249	#E9CFF9
100.0%	100.0% #EDCDFF	RGB 237 205 255	#EDCDFF

#D6DADB #D9D7E1 #DDD5E7 #E1D3ED #E5D1F3 #E9CFF9 #EDCDFF

#D6DADB - #EDCDFF

HSV Blend

#D6DADB - #EDCDFF | 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 #D6DADB as 0% and #EDCDFF as 100%.

0.0%	0.0% #D6DADB	RGB 214 218 219	#D6DADB
16.7%	16.7% #D5DBE1	RGB 213 219 225	#D5DBE1
33.3%	33.3% #D4DAE7	RGB 212 218 231	#D4DAE7
50.0%	50.0% #D3D5ED	RGB 211 213 237	#D3D5ED
66.7%	66.7% #D6D1F3	RGB 214 209 243	#D6D1F3
83.3%	83.3% #E0CFF9	RGB 224 207 249	#E0CFF9
100.0%	100.0% #EDCDFF	RGB 237 205 255	#EDCDFF

#D6DADB #D5DBE1 #D4DAE7 #D3D5ED #D6D1F3 #E0CFF9 #EDCDFF

#D6DADB - #D3D5ED - #EDCDFF

CSS codes

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

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