#D5E6F9 - #7DA2D6 | 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 #D5E6F9 to #7DA2D6

#D5E6F9 #7DA2D6

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

#D5E6F9 - #7DA2D6 | 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 #D5E6F9 as 0% and #7DA2D6 as 100%.

0.0%	0.0% #D5E6F9	RGB 213 230 249	#D5E6F9
16.7%	16.7% #C6DAF3	RGB 198 218 243	#C6DAF3
33.3%	33.3% #B7CFED	RGB 183 207 237	#B7CFED
50.0%	50.0% #A9C4E7	RGB 169 196 231	#A9C4E7
66.7%	66.7% #9AB8E1	RGB 154 184 225	#9AB8E1
83.3%	83.3% #8BADDB	RGB 139 173 219	#8BADDB
100.0%	100.0% #7DA2D6	RGB 125 162 214	#7DA2D6

#D5E6F9 #C6DAF3 #B7CFED #A9C4E7 #9AB8E1 #8BADDB #7DA2D6

#D5E6F9 - #7DA2D6

HSV Blend

#D5E6F9 - #7DA2D6 | 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 #D5E6F9 as 0% and #7DA2D6 as 100%.

0.0%	0.0% #D5E6F9	RGB 213 230 249	#D5E6F9
16.7%	16.7% #C5DAF3	RGB 197 218 243	#C5DAF3
33.3%	33.3% #B5CEED	RGB 181 206 237	#B5CEED
50.0%	50.0% #A6C3E7	RGB 166 195 231	#A6C3E7
66.7%	66.7% #98B8E1	RGB 152 184 225	#98B8E1
83.3%	83.3% #8AACDB	RGB 138 172 219	#8AACDB
100.0%	100.0% #7DA2D6	RGB 125 162 214	#7DA2D6

#D5E6F9 #C5DAF3 #B5CEED #A6C3E7 #98B8E1 #8AACDB #7DA2D6

#D5E6F9 - #A6C3E7 - #7DA2D6

CSS codes

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

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