#6DA5C9 - #D5E4EF | 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 #6DA5C9 to #D5E4EF

#6DA5C9 #D5E4EF

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

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

0.0%	0.0% #6DA5C9	RGB 109 165 201	#6DA5C9
16.7%	16.7% #7EAFCF	RGB 126 175 207	#7EAFCF
33.3%	33.3% #8FBAD5	RGB 143 186 213	#8FBAD5
50.0%	50.0% #A1C4DC	RGB 161 196 220	#A1C4DC
66.7%	66.7% #B2CFE2	RGB 178 207 226	#B2CFE2
83.3%	83.3% #C3D9E8	RGB 195 217 232	#C3D9E8
100.0%	100.0% #D5E4EF	RGB 213 228 239	#D5E4EF

#6DA5C9 #7EAFCF #8FBAD5 #A1C4DC #B2CFE2 #C3D9E8 #D5E4EF

#6DA5C9 - #D5E4EF

HSV Blend

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

0.0%	0.0% #6DA4C9	RGB 109 164 201	#6DA4C9
16.7%	16.7% #7CAECF	RGB 124 174 207	#7CAECF
33.3%	33.3% #8CB8D5	RGB 140 184 213	#8CB8D5
50.0%	50.0% #9DC2DC	RGB 157 194 220	#9DC2DC
66.7%	66.7% #AFCDE2	RGB 175 205 226	#AFCDE2
83.3%	83.3% #C1D8E8	RGB 193 216 232	#C1D8E8
100.0%	100.0% #D5E4EF	RGB 213 228 239	#D5E4EF

#6DA4C9 #7CAECF #8CB8D5 #9DC2DC #AFCDE2 #C1D8E8 #D5E4EF

#6DA5C9 - #9DC2DC - #D5E4EF

CSS codes

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

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