#D6D9F9 - #DAE8F2 | 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 #D6D9F9 to #DAE8F2

#D6D9F9 #DAE8F2

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

#D6D9F9 - #DAE8F2 | 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 #D6D9F9 as 0% and #DAE8F2 as 100%.

0.0%	0.0% #D6D9F9	RGB 214 217 249	#D6D9F9
16.7%	16.7% #D6DBF7	RGB 214 219 247	#D6DBF7
33.3%	33.3% #D7DEF6	RGB 215 222 246	#D7DEF6
50.0%	50.0% #D8E0F5	RGB 216 224 245	#D8E0F5
66.7%	66.7% #D8E3F4	RGB 216 227 244	#D8E3F4
83.3%	83.3% #D9E5F3	RGB 217 229 243	#D9E5F3
100.0%	100.0% #DAE8F2	RGB 218 232 242	#DAE8F2

#D6D9F9 #D6DBF7 #D7DEF6 #D8E0F5 #D8E3F4 #D9E5F3 #DAE8F2

#D6D9F9 - #DAE8F2

HSV Blend

#D6D9F9 - #DAE8F2 | 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 #D6D9F9 as 0% and #DAE8F2 as 100%.

0.0%	0.0% #D6D9F9	RGB 214 217 249	#D6D9F9
16.7%	16.7% #D6DCF7	RGB 214 220 247	#D6DCF7
33.3%	33.3% #D7DFF6	RGB 215 223 246	#D7DFF6
50.0%	50.0% #D8E1F5	RGB 216 225 245	#D8E1F5
66.7%	66.7% #D8E4F4	RGB 216 228 244	#D8E4F4
83.3%	83.3% #D9E6F3	RGB 217 230 243	#D9E6F3
100.0%	100.0% #DAE8F2	RGB 218 232 242	#DAE8F2

#D6D9F9 #D6DCF7 #D7DFF6 #D8E1F5 #D8E4F4 #D9E6F3 #DAE8F2

#D6D9F9 - #D8E1F5 - #DAE8F2

CSS codes

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

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