#D6D9F8 - #DAE8F1 | 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 #D6D9F8 to #DAE8F1

#D6D9F8 #DAE8F1

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

#D6D9F8 - #DAE8F1 | 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 #D6D9F8 as 0% and #DAE8F1 as 100%.

0.0%	0.0% #D6D9F8	RGB 214 217 248	#D6D9F8
16.7%	16.7% #D6DBF6	RGB 214 219 246	#D6DBF6
33.3%	33.3% #D7DEF5	RGB 215 222 245	#D7DEF5
50.0%	50.0% #D8E0F4	RGB 216 224 244	#D8E0F4
66.7%	66.7% #D8E3F3	RGB 216 227 243	#D8E3F3
83.3%	83.3% #D9E5F2	RGB 217 229 242	#D9E5F2
100.0%	100.0% #DAE8F1	RGB 218 232 241	#DAE8F1

#D6D9F8 #D6DBF6 #D7DEF5 #D8E0F4 #D8E3F3 #D9E5F2 #DAE8F1

#D6D9F8 - #DAE8F1

HSV Blend

#D6D9F8 - #DAE8F1 | 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 #D6D9F8 as 0% and #DAE8F1 as 100%.

0.0%	0.0% #D6D9F8	RGB 214 217 248	#D6D9F8
16.7%	16.7% #D6DCF6	RGB 214 220 246	#D6DCF6
33.3%	33.3% #D7DFF5	RGB 215 223 245	#D7DFF5
50.0%	50.0% #D8E1F4	RGB 216 225 244	#D8E1F4
66.7%	66.7% #D8E4F3	RGB 216 228 243	#D8E4F3
83.3%	83.3% #D9E6F2	RGB 217 230 242	#D9E6F2
100.0%	100.0% #DAE8F1	RGB 218 232 241	#DAE8F1

#D6D9F8 #D6DCF6 #D7DFF5 #D8E1F4 #D8E4F3 #D9E6F2 #DAE8F1

#D6D9F8 - #D8E1F4 - #DAE8F1

CSS codes

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

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