#DAFBFB - #6DDBD9 | 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 #DAFBFB to #6DDBD9

#DAFBFB #6DDBD9

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

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

0.0%	0.0% #DAFBFB	RGB 218 251 251	#DAFBFB
16.7%	16.7% #C7F5F5	RGB 199 245 245	#C7F5F5
33.3%	33.3% #B5F0EF	RGB 181 240 239	#B5F0EF
50.0%	50.0% #A3EBEA	RGB 163 235 234	#A3EBEA
66.7%	66.7% #91E5E4	RGB 145 229 228	#91E5E4
83.3%	83.3% #7FE0DE	RGB 127 224 222	#7FE0DE
100.0%	100.0% #6DDBD9	RGB 109 219 217	#6DDBD9

#DAFBFB #C7F5F5 #B5F0EF #A3EBEA #91E5E4 #7FE0DE #6DDBD9

#DAFBFB - #6DDBD9

HSV Blend

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

0.0%	0.0% #DAFBFB	RGB 218 251 251	#DAFBFB
16.7%	16.7% #C6F5F5	RGB 198 245 245	#C6F5F5
33.3%	33.3% #B3F0EF	RGB 179 240 239	#B3F0EF
50.0%	50.0% #A0EBEA	RGB 160 235 234	#A0EBEA
66.7%	66.7% #8EE5E4	RGB 142 229 228	#8EE5E4
83.3%	83.3% #7DE0DE	RGB 125 224 222	#7DE0DE
100.0%	100.0% #6DDBD9	RGB 109 219 217	#6DDBD9

#DAFBFB #C6F5F5 #B3F0EF #A0EBEA #8EE5E4 #7DE0DE #6DDBD9

#DAFBFB - #A0EBEA - #6DDBD9

CSS codes

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

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