#D5E9FB - #7DA4CF | 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 #D5E9FB to #7DA4CF

#D5E9FB #7DA4CF

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

#D5E9FB - #7DA4CF | 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 #D5E9FB as 0% and #7DA4CF as 100%.

0.0%	0.0% #D5E9FB	RGB 213 233 251	#D5E9FB
16.7%	16.7% #C6DDF3	RGB 198 221 243	#C6DDF3
33.3%	33.3% #B7D2EC	RGB 183 210 236	#B7D2EC
50.0%	50.0% #A9C6E5	RGB 169 198 229	#A9C6E5
66.7%	66.7% #9ABBDD	RGB 154 187 221	#9ABBDD
83.3%	83.3% #8BAFD6	RGB 139 175 214	#8BAFD6
100.0%	100.0% #7DA4CF	RGB 125 164 207	#7DA4CF

#D5E9FB #C6DDF3 #B7D2EC #A9C6E5 #9ABBDD #8BAFD6 #7DA4CF

#D5E9FB - #7DA4CF

HSV Blend

#D5E9FB - #7DA4CF | 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 #D5E9FB as 0% and #7DA4CF as 100%.

0.0%	0.0% #D5E9FB	RGB 213 233 251	#D5E9FB
16.7%	16.7% #C4DDF3	RGB 196 221 243	#C4DDF3
33.3%	33.3% #B5D1EC	RGB 181 209 236	#B5D1EC
50.0%	50.0% #A6C5E5	RGB 166 197 229	#A6C5E5
66.7%	66.7% #97BADD	RGB 151 186 221	#97BADD
83.3%	83.3% #8AAFD6	RGB 138 175 214	#8AAFD6
100.0%	100.0% #7DA4CF	RGB 125 164 207	#7DA4CF

#D5E9FB #C4DDF3 #B5D1EC #A6C5E5 #97BADD #8AAFD6 #7DA4CF

#D5E9FB - #A6C5E5 - #7DA4CF

CSS codes

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

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