#D5E2E3 - #7990AD | 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 #D5E2E3 to #7990AD

#D5E2E3 #7990AD

Calculate the color between two colors, #D5E2E3 and #7990AD. 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)

#D5E2E3 - #7990AD | 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 #D5E2E3 as 0% and #7990AD as 100%.

0.0%	0.0% #D5E2E3	RGB 213 226 227	#D5E2E3
16.7%	16.7% #C5D4DA	RGB 197 212 218	#C5D4DA
33.3%	33.3% #B6C6D1	RGB 182 198 209	#B6C6D1
50.0%	50.0% #A7B9C8	RGB 167 185 200	#A7B9C8
66.7%	66.7% #97ABBF	RGB 151 171 191	#97ABBF
83.3%	83.3% #889DB6	RGB 136 157 182	#889DB6
100.0%	100.0% #7990AD	RGB 121 144 173	#7990AD

#D5E2E3 #C5D4DA #B6C6D1 #A7B9C8 #97ABBF #889DB6 #7990AD

#D5E2E3 - #7990AD

HSV Blend

#D5E2E3 - #7990AD | 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 #D5E2E3 as 0% and #7990AD as 100%.

0.0%	0.0% #D5E2E3	RGB 213 226 227	#D5E2E3
16.7%	16.7% #C3D6DA	RGB 195 214 218	#C3D6DA
33.3%	33.3% #B3CAD1	RGB 179 202 209	#B3CAD1
50.0%	50.0% #A3BCC8	RGB 163 188 200	#A3BCC8
66.7%	66.7% #94AEBF	RGB 148 174 191	#94AEBF
83.3%	83.3% #869FB6	RGB 134 159 182	#869FB6
100.0%	100.0% #7990AD	RGB 121 144 173	#7990AD

#D5E2E3 #C3D6DA #B3CAD1 #A3BCC8 #94AEBF #869FB6 #7990AD

#D5E2E3 - #A3BCC8 - #7990AD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D5E2E3 0%, #A3BCC8 50%, #7990AD 100%);
    background: -webkit-linear-gradient(top, #D5E2E3 0%, #A3BCC8 50%, #7990AD 100%);
    background: linear-gradient(to bottom, #D5E2E3 0%, #A3BCC8 50%, #7990AD 100%);
}
</style>