#A8FCFC - #DBE1CF | 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 #A8FCFC to #DBE1CF

#A8FCFC #DBE1CF

Calculate the color between two colors, #A8FCFC and #DBE1CF. 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)

#A8FCFC - #DBE1CF | 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 #A8FCFC as 0% and #DBE1CF as 100%.

0.0%	0.0% #A8FCFC	RGB 168 252 252	#A8FCFC
16.7%	16.7% #B0F7F4	RGB 176 247 244	#B0F7F4
33.3%	33.3% #B9F3ED	RGB 185 243 237	#B9F3ED
50.0%	50.0% #C1EEE5	RGB 193 238 229	#C1EEE5
66.7%	66.7% #CAEADE	RGB 202 234 222	#CAEADE
83.3%	83.3% #D2E5D6	RGB 210 229 214	#D2E5D6
100.0%	100.0% #DBE1CF	RGB 219 225 207	#DBE1CF

#A8FCFC #B0F7F4 #B9F3ED #C1EEE5 #CAEADE #D2E5D6 #DBE1CF

#A8FCFC - #DBE1CF

HSV Blend

#A8FCFC - #DBE1CF | 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 #A8FCFC as 0% and #DBE1CF as 100%.

0.0%	0.0% #A8FCFC	RGB 168 252 252	#A8FCFC
16.7%	16.7% #AFF7E3	RGB 175 247 227	#AFF7E3
33.3%	33.3% #B6F3D1	RGB 182 243 209	#B6F3D1
50.0%	50.0% #BDEEC5	RGB 189 238 197	#BDEEC5
66.7%	66.7% #C7EAC3	RGB 199 234 195	#C7EAC3
83.3%	83.3% #D4E5C9	RGB 212 229 201	#D4E5C9
100.0%	100.0% #DBE1CF	RGB 219 225 207	#DBE1CF

#A8FCFC #AFF7E3 #B6F3D1 #BDEEC5 #C7EAC3 #D4E5C9 #DBE1CF

#A8FCFC - #BDEEC5 - #DBE1CF

CSS codes

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

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