#D5E1FF - #7799D4 | 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 #D5E1FF to #7799D4

#D5E1FF #7799D4

Calculate the color between two colors, #D5E1FF and #7799D4. 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)

#D5E1FF - #7799D4 | 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 #D5E1FF as 0% and #7799D4 as 100%.

0.0%	0.0% #D5E1FF	RGB 213 225 255	#D5E1FF
16.7%	16.7% #C5D5F7	RGB 197 213 247	#C5D5F7
33.3%	33.3% #B5C9F0	RGB 181 201 240	#B5C9F0
50.0%	50.0% #A6BDE9	RGB 166 189 233	#A6BDE9
66.7%	66.7% #96B1E2	RGB 150 177 226	#96B1E2
83.3%	83.3% #86A5DB	RGB 134 165 219	#86A5DB
100.0%	100.0% #7799D4	RGB 119 153 212	#7799D4

#D5E1FF #C5D5F7 #B5C9F0 #A6BDE9 #96B1E2 #86A5DB #7799D4

#D5E1FF - #7799D4

HSV Blend

#D5E1FF - #7799D4 | 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 #D5E1FF as 0% and #7799D4 as 100%.

0.0%	0.0% #D5E1FF	RGB 213 225 255	#D5E1FF
16.7%	16.7% #C3D3F7	RGB 195 211 247	#C3D3F7
33.3%	33.3% #B3C6F0	RGB 179 198 240	#B3C6F0
50.0%	50.0% #A3B9E9	RGB 163 185 233	#A3B9E9
66.7%	66.7% #93AEE2	RGB 147 174 226	#93AEE2
83.3%	83.3% #85A3DB	RGB 133 163 219	#85A3DB
100.0%	100.0% #7799D4	RGB 119 153 212	#7799D4

#D5E1FF #C3D3F7 #B3C6F0 #A3B9E9 #93AEE2 #85A3DB #7799D4

#D5E1FF - #A3B9E9 - #7799D4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D5E1FF 0%, #A3B9E9 50%, #7799D4 100%);
    background: -webkit-linear-gradient(top, #D5E1FF 0%, #A3B9E9 50%, #7799D4 100%);
    background: linear-gradient(to bottom, #D5E1FF 0%, #A3B9E9 50%, #7799D4 100%);
}
</style>