#DAFFE7 - #7EDBBC | 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 #DAFFE7 to #7EDBBC

#DAFFE7 #7EDBBC

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

#DAFFE7 - #7EDBBC | 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 #DAFFE7 as 0% and #7EDBBC as 100%.

0.0%	0.0% #DAFFE7	RGB 218 255 231	#DAFFE7
16.7%	16.7% #CAF9DF	RGB 202 249 223	#CAF9DF
33.3%	33.3% #BBF3D8	RGB 187 243 216	#BBF3D8
50.0%	50.0% #ACEDD1	RGB 172 237 209	#ACEDD1
66.7%	66.7% #9CE7CA	RGB 156 231 202	#9CE7CA
83.3%	83.3% #8DE1C3	RGB 141 225 195	#8DE1C3
100.0%	100.0% #7EDBBC	RGB 126 219 188	#7EDBBC

#DAFFE7 #CAF9DF #BBF3D8 #ACEDD1 #9CE7CA #8DE1C3 #7EDBBC

#DAFFE7 - #7EDBBC

HSV Blend

#DAFFE7 - #7EDBBC | 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 #DAFFE7 as 0% and #7EDBBC as 100%.

0.0%	0.0% #DAFFE7	RGB 218 255 231	#DAFFE7
16.7%	16.7% #C9F9DC	RGB 201 249 220	#C9F9DC
33.3%	33.3% #B9F3D3	RGB 185 243 211	#B9F3D3
50.0%	50.0% #A9EDCB	RGB 169 237 203	#A9EDCB
66.7%	66.7% #9AE7C5	RGB 154 231 197	#9AE7C5
83.3%	83.3% #8BE1C0	RGB 139 225 192	#8BE1C0
100.0%	100.0% #7EDBBC	RGB 126 219 188	#7EDBBC

#DAFFE7 #C9F9DC #B9F3D3 #A9EDCB #9AE7C5 #8BE1C0 #7EDBBC

#DAFFE7 - #A9EDCB - #7EDBBC

CSS codes

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

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