#A8EEFD - #DAE3CD | 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 #A8EEFD to #DAE3CD

#A8EEFD #DAE3CD

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

#A8EEFD - #DAE3CD | 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 #A8EEFD as 0% and #DAE3CD as 100%.

0.0%	0.0% #A8EEFD	RGB 168 238 253	#A8EEFD
16.7%	16.7% #B0ECF5	RGB 176 236 245	#B0ECF5
33.3%	33.3% #B8EAED	RGB 184 234 237	#B8EAED
50.0%	50.0% #C1E8E5	RGB 193 232 229	#C1E8E5
66.7%	66.7% #C9E6DD	RGB 201 230 221	#C9E6DD
83.3%	83.3% #D1E4D5	RGB 209 228 213	#D1E4D5
100.0%	100.0% #DAE3CD	RGB 218 227 205	#DAE3CD

#A8EEFD #B0ECF5 #B8EAED #C1E8E5 #C9E6DD #D1E4D5 #DAE3CD

#A8EEFD - #DAE3CD

HSV Blend

#A8EEFD - #DAE3CD | 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 #A8EEFD as 0% and #DAE3CD as 100%.

0.0%	0.0% #A8EEFD	RGB 168 238 253	#A8EEFD
16.7%	16.7% #AFF8EF	RGB 175 248 239	#AFF8EF
33.3%	33.3% #B5F4DA	RGB 181 244 218	#B5F4DA
50.0%	50.0% #BCF0CB	RGB 188 240 203	#BCF0CB
66.7%	66.7% #C2EBC2	RGB 194 235 194	#C2EBC2
83.3%	83.3% #D1E7C7	RGB 209 231 199	#D1E7C7
100.0%	100.0% #DAE3CD	RGB 218 227 205	#DAE3CD

#A8EEFD #AFF8EF #B5F4DA #BCF0CB #C2EBC2 #D1E7C7 #DAE3CD

#A8EEFD - #BCF0CB - #DAE3CD

CSS codes

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

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