#7FC3C9 - #DAEDEF | 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 #7FC3C9 to #DAEDEF

#7FC3C9 #DAEDEF

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

#7FC3C9 - #DAEDEF | 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 #7FC3C9 as 0% and #DAEDEF as 100%.

0.0%	0.0% #7FC3C9	RGB 127 195 201	#7FC3C9
16.7%	16.7% #8ECACF	RGB 142 202 207	#8ECACF
33.3%	33.3% #9DD1D5	RGB 157 209 213	#9DD1D5
50.0%	50.0% #ACD8DC	RGB 172 216 220	#ACD8DC
66.7%	66.7% #BBDFE2	RGB 187 223 226	#BBDFE2
83.3%	83.3% #CAE6E8	RGB 202 230 232	#CAE6E8
100.0%	100.0% #DAEDEF	RGB 218 237 239	#DAEDEF

#7FC3C9 #8ECACF #9DD1D5 #ACD8DC #BBDFE2 #CAE6E8 #DAEDEF

#7FC3C9 - #DAEDEF

HSV Blend

#7FC3C9 - #DAEDEF | 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 #7FC3C9 as 0% and #DAEDEF as 100%.

0.0%	0.0% #7FC3C9	RGB 127 195 201	#7FC3C9
16.7%	16.7% #8CC9CF	RGB 140 201 207	#8CC9CF
33.3%	33.3% #9AD0D5	RGB 154 208 213	#9AD0D5
50.0%	50.0% #A9D7DC	RGB 169 215 220	#A9D7DC
66.7%	66.7% #B9DEE2	RGB 185 222 226	#B9DEE2
83.3%	83.3% #C9E5E8	RGB 201 229 232	#C9E5E8
100.0%	100.0% #DAEDEF	RGB 218 237 239	#DAEDEF

#7FC3C9 #8CC9CF #9AD0D5 #A9D7DC #B9DEE2 #C9E5E8 #DAEDEF

#7FC3C9 - #A9D7DC - #DAEDEF

CSS codes

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

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