#D5E5FA - #7B9FCD | 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 #D5E5FA to #7B9FCD

#D5E5FA #7B9FCD

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

#D5E5FA - #7B9FCD | 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 #D5E5FA as 0% and #7B9FCD as 100%.

0.0%	0.0% #D5E5FA	RGB 213 229 250	#D5E5FA
16.7%	16.7% #C6D9F2	RGB 198 217 242	#C6D9F2
33.3%	33.3% #B7CDEB	RGB 183 205 235	#B7CDEB
50.0%	50.0% #A8C2E3	RGB 168 194 227	#A8C2E3
66.7%	66.7% #99B6DC	RGB 153 182 220	#99B6DC
83.3%	83.3% #8AAAD4	RGB 138 170 212	#8AAAD4
100.0%	100.0% #7B9FCD	RGB 123 159 205	#7B9FCD

#D5E5FA #C6D9F2 #B7CDEB #A8C2E3 #99B6DC #8AAAD4 #7B9FCD

#D5E5FA - #7B9FCD

HSV Blend

#D5E5FA - #7B9FCD | 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 #D5E5FA as 0% and #7B9FCD as 100%.

0.0%	0.0% #D5E5FA	RGB 213 229 250	#D5E5FA
16.7%	16.7% #C4D8F2	RGB 196 216 242	#C4D8F2
33.3%	33.3% #B4CCEB	RGB 180 204 235	#B4CCEB
50.0%	50.0% #A5C0E3	RGB 165 192 227	#A5C0E3
66.7%	66.7% #96B4DC	RGB 150 180 220	#96B4DC
83.3%	83.3% #88A9D4	RGB 136 169 212	#88A9D4
100.0%	100.0% #7B9FCD	RGB 123 159 205	#7B9FCD

#D5E5FA #C4D8F2 #B4CCEB #A5C0E3 #96B4DC #88A9D4 #7B9FCD

#D5E5FA - #A5C0E3 - #7B9FCD

CSS codes

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

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