#DBFFFF - #8BF1F8 | 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 #DBFFFF to #8BF1F8

#DBFFFF #8BF1F8

Calculate the color between two colors, #DBFFFF and #8BF1F8. 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)

#DBFFFF - #8BF1F8 | 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 #DBFFFF as 0% and #8BF1F8 as 100%.

0.0%	0.0% #DBFFFF	RGB 219 255 255	#DBFFFF
16.7%	16.7% #CDFCFD	RGB 205 252 253	#CDFCFD
33.3%	33.3% #C0FAFC	RGB 192 250 252	#C0FAFC
50.0%	50.0% #B3F8FB	RGB 179 248 251	#B3F8FB
66.7%	66.7% #A5F5FA	RGB 165 245 250	#A5F5FA
83.3%	83.3% #98F3F9	RGB 152 243 249	#98F3F9
100.0%	100.0% #8BF1F8	RGB 139 241 248	#8BF1F8

#DBFFFF #CDFCFD #C0FAFC #B3F8FB #A5F5FA #98F3F9 #8BF1F8

#DBFFFF - #8BF1F8

HSV Blend

#DBFFFF - #8BF1F8 | 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 #DBFFFF as 0% and #8BF1F8 as 100%.

0.0%	0.0% #DBFFFF	RGB 219 255 255	#DBFFFF
16.7%	16.7% #CDFDFD	RGB 205 253 253	#CDFDFD
33.3%	33.3% #BFFBFC	RGB 191 251 252	#BFFBFC
50.0%	50.0% #B2F9FB	RGB 178 249 251	#B2F9FB
66.7%	66.7% #A5F6FA	RGB 165 246 250	#A5F6FA
83.3%	83.3% #98F3F9	RGB 152 243 249	#98F3F9
100.0%	100.0% #8BF1F8	RGB 139 241 248	#8BF1F8

#DBFFFF #CDFDFD #BFFBFC #B2F9FB #A5F6FA #98F3F9 #8BF1F8

#DBFFFF - #B2F9FB - #8BF1F8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DBFFFF 0%, #B2F9FB 50%, #8BF1F8 100%);
    background: -webkit-linear-gradient(top, #DBFFFF 0%, #B2F9FB 50%, #8BF1F8 100%);
    background: linear-gradient(to bottom, #DBFFFF 0%, #B2F9FB 50%, #8BF1F8 100%);
}
</style>