#ACCDF1 - #DEE2E8 | 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 #ACCDF1 to #DEE2E8

#ACCDF1 #DEE2E8

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

#ACCDF1 - #DEE2E8 | 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 #ACCDF1 as 0% and #DEE2E8 as 100%.

0.0%	0.0% #ACCDF1	RGB 172 205 241	#ACCDF1
16.7%	16.7% #B4D0EF	RGB 180 208 239	#B4D0EF
33.3%	33.3% #BCD4EE	RGB 188 212 238	#BCD4EE
50.0%	50.0% #C5D7EC	RGB 197 215 236	#C5D7EC
66.7%	66.7% #CDDBEB	RGB 205 219 235	#CDDBEB
83.3%	83.3% #D5DEE9	RGB 213 222 233	#D5DEE9
100.0%	100.0% #DEE2E8	RGB 222 226 232	#DEE2E8

#ACCDF1 #B4D0EF #BCD4EE #C5D7EC #CDDBEB #D5DEE9 #DEE2E8

#ACCDF1 - #DEE2E8

HSV Blend

#ACCDF1 - #DEE2E8 | 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 #ACCDF1 as 0% and #DEE2E8 as 100%.

0.0%	0.0% #ACCDF1	RGB 172 205 241	#ACCDF1
16.7%	16.7% #B4D0EF	RGB 180 208 239	#B4D0EF
33.3%	33.3% #BDD3EE	RGB 189 211 238	#BDD3EE
50.0%	50.0% #C5D6EC	RGB 197 214 236	#C5D6EC
66.7%	66.7% #CDDAEB	RGB 205 218 235	#CDDAEB
83.3%	83.3% #D5DEE9	RGB 213 222 233	#D5DEE9
100.0%	100.0% #DEE2E8	RGB 222 226 232	#DEE2E8

#ACCDF1 #B4D0EF #BDD3EE #C5D6EC #CDDAEB #D5DEE9 #DEE2E8

#ACCDF1 - #C5D6EC - #DEE2E8

CSS codes

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

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