#D5E8FA - #7DA3CD | 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 #D5E8FA to #7DA3CD

#D5E8FA #7DA3CD

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

#D5E8FA - #7DA3CD | 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 #D5E8FA as 0% and #7DA3CD as 100%.

0.0%	0.0% #D5E8FA	RGB 213 232 250	#D5E8FA
16.7%	16.7% #C6DCF2	RGB 198 220 242	#C6DCF2
33.3%	33.3% #B7D1EB	RGB 183 209 235	#B7D1EB
50.0%	50.0% #A9C5E3	RGB 169 197 227	#A9C5E3
66.7%	66.7% #9ABADC	RGB 154 186 220	#9ABADC
83.3%	83.3% #8BAED4	RGB 139 174 212	#8BAED4
100.0%	100.0% #7DA3CD	RGB 125 163 205	#7DA3CD

#D5E8FA #C6DCF2 #B7D1EB #A9C5E3 #9ABADC #8BAED4 #7DA3CD

#D5E8FA - #7DA3CD

HSV Blend

#D5E8FA - #7DA3CD | 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 #D5E8FA as 0% and #7DA3CD as 100%.

0.0%	0.0% #D5E8FA	RGB 213 232 250	#D5E8FA
16.7%	16.7% #C4DBF2	RGB 196 219 242	#C4DBF2
33.3%	33.3% #B5D0EB	RGB 181 208 235	#B5D0EB
50.0%	50.0% #A6C4E3	RGB 166 196 227	#A6C4E3
66.7%	66.7% #97B9DC	RGB 151 185 220	#97B9DC
83.3%	83.3% #8AADD4	RGB 138 173 212	#8AADD4
100.0%	100.0% #7DA3CD	RGB 125 163 205	#7DA3CD

#D5E8FA #C4DBF2 #B5D0EB #A6C4E3 #97B9DC #8AADD4 #7DA3CD

#D5E8FA - #A6C4E3 - #7DA3CD

CSS codes

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

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