#A5EFE2 - #DFE4C7 | 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 #A5EFE2 to #DFE4C7

#A5EFE2 #DFE4C7

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

#A5EFE2 - #DFE4C7 | 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 #A5EFE2 as 0% and #DFE4C7 as 100%.

0.0%	0.0% #A5EFE2	RGB 165 239 226	#A5EFE2
16.7%	16.7% #AEEDDD	RGB 174 237 221	#AEEDDD
33.3%	33.3% #B8EBD9	RGB 184 235 217	#B8EBD9
50.0%	50.0% #C2E9D4	RGB 194 233 212	#C2E9D4
66.7%	66.7% #CBE7D0	RGB 203 231 208	#CBE7D0
83.3%	83.3% #D5E5CB	RGB 213 229 203	#D5E5CB
100.0%	100.0% #DFE4C7	RGB 223 228 199	#DFE4C7

#A5EFE2 #AEEDDD #B8EBD9 #C2E9D4 #CBE7D0 #D5E5CB #DFE4C7

#A5EFE2 - #DFE4C7

HSV Blend

#A5EFE2 - #DFE4C7 | 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 #A5EFE2 as 0% and #DFE4C7 as 100%.

0.0%	0.0% #A5EFE2	RGB 165 239 226	#A5EFE2
16.7%	16.7% #AAEDCF	RGB 170 237 207	#AAEDCF
33.3%	33.3% #B0EBC0	RGB 176 235 192	#B0EBC0
50.0%	50.0% #B6E9B6	RGB 182 233 182	#B6E9B6
66.7%	66.7% #C8E7BC	RGB 200 231 188	#C8E7BC
83.3%	83.3% #D5E5C1	RGB 213 229 193	#D5E5C1
100.0%	100.0% #DFE4C7	RGB 223 228 199	#DFE4C7

#A5EFE2 #AAEDCF #B0EBC0 #B6E9B6 #C8E7BC #D5E5C1 #DFE4C7

#A5EFE2 - #B6E9B6 - #DFE4C7

CSS codes

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

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