#A0FFFC - #DFE1CC | 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 #A0FFFC to #DFE1CC

#A0FFFC #DFE1CC

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

#A0FFFC - #DFE1CC | 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 #A0FFFC as 0% and #DFE1CC as 100%.

0.0%	0.0% #A0FFFC	RGB 160 255 252	#A0FFFC
16.7%	16.7% #AAFAF4	RGB 170 250 244	#AAFAF4
33.3%	33.3% #B5F5EC	RGB 181 245 236	#B5F5EC
50.0%	50.0% #BFF0E4	RGB 191 240 228	#BFF0E4
66.7%	66.7% #CAEBDC	RGB 202 235 220	#CAEBDC
83.3%	83.3% #D4E6D4	RGB 212 230 212	#D4E6D4
100.0%	100.0% #DFE1CC	RGB 223 225 204	#DFE1CC

#A0FFFC #AAFAF4 #B5F5EC #BFF0E4 #CAEBDC #D4E6D4 #DFE1CC

#A0FFFC - #DFE1CC

HSV Blend

#A0FFFC - #DFE1CC | 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 #A0FFFC as 0% and #DFE1CC as 100%.

0.0%	0.0% #A0FFFC	RGB 160 255 252	#A0FFFC
16.7%	16.7% #A8FADD	RGB 168 250 221	#A8FADD
33.3%	33.3% #B0F5C8	RGB 176 245 200	#B0F5C8
50.0%	50.0% #B8F0B9	RGB 184 240 185	#B8F0B9
66.7%	66.7% #CBEBBF	RGB 203 235 191	#CBEBBF
83.3%	83.3% #D8E6C5	RGB 216 230 197	#D8E6C5
100.0%	100.0% #DFE1CC	RGB 223 225 204	#DFE1CC

#A0FFFC #A8FADD #B0F5C8 #B8F0B9 #CBEBBF #D8E6C5 #DFE1CC

#A0FFFC - #B8F0B9 - #DFE1CC

CSS codes

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

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