#DAF0EE - #82C0CF | 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 #DAF0EE to #82C0CF

#DAF0EE #82C0CF

Calculate the color between two colors, #DAF0EE and #82C0CF. 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)

#DAF0EE - #82C0CF | 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 #DAF0EE as 0% and #82C0CF as 100%.

0.0%	0.0% #DAF0EE	RGB 218 240 238	#DAF0EE
16.7%	16.7% #CBE8E8	RGB 203 232 232	#CBE8E8
33.3%	33.3% #BCE0E3	RGB 188 224 227	#BCE0E3
50.0%	50.0% #AED8DE	RGB 174 216 222	#AED8DE
66.7%	66.7% #9FD0D9	RGB 159 208 217	#9FD0D9
83.3%	83.3% #90C8D4	RGB 144 200 212	#90C8D4
100.0%	100.0% #82C0CF	RGB 130 192 207	#82C0CF

#DAF0EE #CBE8E8 #BCE0E3 #AED8DE #9FD0D9 #90C8D4 #82C0CF

#DAF0EE - #82C0CF

HSV Blend

#DAF0EE - #82C0CF | 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 #DAF0EE as 0% and #82C0CF as 100%.

0.0%	0.0% #DAF0EE	RGB 218 240 238	#DAF0EE
16.7%	16.7% #CAEAE9	RGB 202 234 233	#CAEAE9
33.3%	33.3% #BAE4E5	RGB 186 228 229	#BAE4E5
50.0%	50.0% #ABDCDF	RGB 171 220 223	#ABDCDF
66.7%	66.7% #9DD3DA	RGB 157 211 218	#9DD3DA
83.3%	83.3% #8FCAD4	RGB 143 202 212	#8FCAD4
100.0%	100.0% #82C0CF	RGB 130 192 207	#82C0CF

#DAF0EE #CAEAE9 #BAE4E5 #ABDCDF #9DD3DA #8FCAD4 #82C0CF

#DAF0EE - #ABDCDF - #82C0CF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DAF0EE 0%, #ABDCDF 50%, #82C0CF 100%);
    background: -webkit-linear-gradient(top, #DAF0EE 0%, #ABDCDF 50%, #82C0CF 100%);
    background: linear-gradient(to bottom, #DAF0EE 0%, #ABDCDF 50%, #82C0CF 100%);
}
</style>