#CFFEDC - #72DAAE | 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 #CFFEDC to #72DAAE

#CFFEDC #72DAAE

Calculate the color between two colors, #CFFEDC and #72DAAE. 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)

#CFFEDC - #72DAAE | 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 #CFFEDC as 0% and #72DAAE as 100%.

0.0%	0.0% #CFFEDC	RGB 207 254 220	#CFFEDC
16.7%	16.7% #BFF8D4	RGB 191 248 212	#BFF8D4
33.3%	33.3% #B0F2CC	RGB 176 242 204	#B0F2CC
50.0%	50.0% #A0ECC5	RGB 160 236 197	#A0ECC5
66.7%	66.7% #91E6BD	RGB 145 230 189	#91E6BD
83.3%	83.3% #81E0B5	RGB 129 224 181	#81E0B5
100.0%	100.0% #72DAAE	RGB 114 218 174	#72DAAE

#CFFEDC #BFF8D4 #B0F2CC #A0ECC5 #91E6BD #81E0B5 #72DAAE

#CFFEDC - #72DAAE

HSV Blend

#CFFEDC - #72DAAE | 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 #CFFEDC as 0% and #72DAAE as 100%.

0.0%	0.0% #CFFEDC	RGB 207 254 220	#CFFEDC
16.7%	16.7% #BEF8D0	RGB 190 248 208	#BEF8D0
33.3%	33.3% #ADF2C7	RGB 173 242 199	#ADF2C7
50.0%	50.0% #9DECBF	RGB 157 236 191	#9DECBF
66.7%	66.7% #8EE6B8	RGB 142 230 184	#8EE6B8
83.3%	83.3% #80E0B2	RGB 128 224 178	#80E0B2
100.0%	100.0% #72DAAE	RGB 114 218 174	#72DAAE

#CFFEDC #BEF8D0 #ADF2C7 #9DECBF #8EE6B8 #80E0B2 #72DAAE

#CFFEDC - #9DECBF - #72DAAE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CFFEDC 0%, #9DECBF 50%, #72DAAE 100%);
    background: -webkit-linear-gradient(top, #CFFEDC 0%, #9DECBF 50%, #72DAAE 100%);
    background: linear-gradient(to bottom, #CFFEDC 0%, #9DECBF 50%, #72DAAE 100%);
}
</style>