#6DA5C4 - #D5E5EE | 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 #6DA5C4 to #D5E5EE

#6DA5C4 #D5E5EE

Calculate the color between two colors, #6DA5C4 and #D5E5EE. 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)

#6DA5C4 - #D5E5EE | 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 #6DA5C4 as 0% and #D5E5EE as 100%.

0.0%	0.0% #6DA5C4	RGB 109 165 196	#6DA5C4
16.7%	16.7% #7EAFCB	RGB 126 175 203	#7EAFCB
33.3%	33.3% #8FBAD2	RGB 143 186 210	#8FBAD2
50.0%	50.0% #A1C5D9	RGB 161 197 217	#A1C5D9
66.7%	66.7% #B2CFE0	RGB 178 207 224	#B2CFE0
83.3%	83.3% #C3DAE7	RGB 195 218 231	#C3DAE7
100.0%	100.0% #D5E5EE	RGB 213 229 238	#D5E5EE

#6DA5C4 #7EAFCB #8FBAD2 #A1C5D9 #B2CFE0 #C3DAE7 #D5E5EE

#6DA5C4 - #D5E5EE

HSV Blend

#6DA5C4 - #D5E5EE | 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 #6DA5C4 as 0% and #D5E5EE as 100%.

0.0%	0.0% #6DA5C4	RGB 109 165 196	#6DA5C4
16.7%	16.7% #7CAECB	RGB 124 174 203	#7CAECB
33.3%	33.3% #8CB9D2	RGB 140 185 210	#8CB9D2
50.0%	50.0% #9DC3D9	RGB 157 195 217	#9DC3D9
66.7%	66.7% #AFCEE0	RGB 175 206 224	#AFCEE0
83.3%	83.3% #C1D9E7	RGB 193 217 231	#C1D9E7
100.0%	100.0% #D5E5EE	RGB 213 229 238	#D5E5EE

#6DA5C4 #7CAECB #8CB9D2 #9DC3D9 #AFCEE0 #C1D9E7 #D5E5EE

#6DA5C4 - #9DC3D9 - #D5E5EE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6DA5C4 0%, #9DC3D9 50%, #D5E5EE 100%);
    background: -webkit-linear-gradient(top, #6DA5C4 0%, #9DC3D9 50%, #D5E5EE 100%);
    background: linear-gradient(to bottom, #6DA5C4 0%, #9DC3D9 50%, #D5E5EE 100%);
}
</style>