#6CC5E1 - #DFE2D9 | 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 #6CC5E1 to #DFE2D9

#6CC5E1 #DFE2D9

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

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

0.0%	0.0% #6CC5E1	RGB 108 197 225	#6CC5E1
16.7%	16.7% #7FC9DF	RGB 127 201 223	#7FC9DF
33.3%	33.3% #92CEDE	RGB 146 206 222	#92CEDE
50.0%	50.0% #A5D3DD	RGB 165 211 221	#A5D3DD
66.7%	66.7% #B8D8DB	RGB 184 216 219	#B8D8DB
83.3%	83.3% #CBDDDA	RGB 203 221 218	#CBDDDA
100.0%	100.0% #DFE2D9	RGB 223 226 217	#DFE2D9

#6CC5E1 #7FC9DF #92CEDE #A5D3DD #B8D8DB #CBDDDA #DFE2D9

#6CC5E1 - #DFE2D9

HSV Blend

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

0.0%	0.0% #6CC5E1	RGB 108 197 225	#6CC5E1
16.7%	16.7% #7EE1D9	RGB 126 225 217	#7EE1D9
33.3%	33.3% #90E1C1	RGB 144 225 193	#90E1C1
50.0%	50.0% #A2E1B4	RGB 162 225 180	#A2E1B4
66.7%	66.7% #B5E1B4	RGB 181 225 180	#B5E1B4
83.3%	83.3% #D0E1C6	RGB 208 225 198	#D0E1C6
100.0%	100.0% #DFE2D9	RGB 223 226 217	#DFE2D9

#6CC5E1 #7EE1D9 #90E1C1 #A2E1B4 #B5E1B4 #D0E1C6 #DFE2D9

#6CC5E1 - #A2E1B4 - #DFE2D9

CSS codes

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

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