#D5E8F0 - #7AA6CE | 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 #D5E8F0 to #7AA6CE

#D5E8F0 #7AA6CE

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

#D5E8F0 - #7AA6CE | 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 #D5E8F0 as 0% and #7AA6CE as 100%.

0.0%	0.0% #D5E8F0	RGB 213 232 240	#D5E8F0
16.7%	16.7% #C5DDEA	RGB 197 221 234	#C5DDEA
33.3%	33.3% #B6D2E4	RGB 182 210 228	#B6D2E4
50.0%	50.0% #A7C7DF	RGB 167 199 223	#A7C7DF
66.7%	66.7% #98BCD9	RGB 152 188 217	#98BCD9
83.3%	83.3% #89B1D3	RGB 137 177 211	#89B1D3
100.0%	100.0% #7AA6CE	RGB 122 166 206	#7AA6CE

#D5E8F0 #C5DDEA #B6D2E4 #A7C7DF #98BCD9 #89B1D3 #7AA6CE

#D5E8F0 - #7AA6CE

HSV Blend

#D5E8F0 - #7AA6CE | 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 #D5E8F0 as 0% and #7AA6CE as 100%.

0.0%	0.0% #D5E8F0	RGB 213 232 240	#D5E8F0
16.7%	16.7% #C4DDEA	RGB 196 221 234	#C4DDEA
33.3%	33.3% #B4D3E4	RGB 180 211 228	#B4D3E4
50.0%	50.0% #A4C8DF	RGB 164 200 223	#A4C8DF
66.7%	66.7% #96BDD9	RGB 150 189 217	#96BDD9
83.3%	83.3% #87B1D3	RGB 135 177 211	#87B1D3
100.0%	100.0% #7AA6CE	RGB 122 166 206	#7AA6CE

#D5E8F0 #C4DDEA #B4D3E4 #A4C8DF #96BDD9 #87B1D3 #7AA6CE

#D5E8F0 - #A4C8DF - #7AA6CE

CSS codes

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

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