#D5E7FA - #7CA2CD | 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 #D5E7FA to #7CA2CD

#D5E7FA #7CA2CD

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

#D5E7FA - #7CA2CD | 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 #D5E7FA as 0% and #7CA2CD as 100%.

0.0%	0.0% #D5E7FA	RGB 213 231 250	#D5E7FA
16.7%	16.7% #C6DBF2	RGB 198 219 242	#C6DBF2
33.3%	33.3% #B7D0EB	RGB 183 208 235	#B7D0EB
50.0%	50.0% #A8C4E3	RGB 168 196 227	#A8C4E3
66.7%	66.7% #99B9DC	RGB 153 185 220	#99B9DC
83.3%	83.3% #8AADD4	RGB 138 173 212	#8AADD4
100.0%	100.0% #7CA2CD	RGB 124 162 205	#7CA2CD

#D5E7FA #C6DBF2 #B7D0EB #A8C4E3 #99B9DC #8AADD4 #7CA2CD

#D5E7FA - #7CA2CD

HSV Blend

#D5E7FA - #7CA2CD | 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 #D5E7FA as 0% and #7CA2CD as 100%.

0.0%	0.0% #D5E7FA	RGB 213 231 250	#D5E7FA
16.7%	16.7% #C4DAF2	RGB 196 218 242	#C4DAF2
33.3%	33.3% #B4CEEB	RGB 180 206 235	#B4CEEB
50.0%	50.0% #A5C3E3	RGB 165 195 227	#A5C3E3
66.7%	66.7% #97B7DC	RGB 151 183 220	#97B7DC
83.3%	83.3% #89ACD4	RGB 137 172 212	#89ACD4
100.0%	100.0% #7CA2CD	RGB 124 162 205	#7CA2CD

#D5E7FA #C4DAF2 #B4CEEB #A5C3E3 #97B7DC #89ACD4 #7CA2CD

#D5E7FA - #A5C3E3 - #7CA2CD

CSS codes

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

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