#CEDFD4 - #72A7A2 | 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 #CEDFD4 to #72A7A2

#CEDFD4 #72A7A2

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

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

0.0%	0.0% #CEDFD4	RGB 206 223 212	#CEDFD4
16.7%	16.7% #BED5CB	RGB 190 213 203	#BED5CB
33.3%	33.3% #AFCCC3	RGB 175 204 195	#AFCCC3
50.0%	50.0% #A0C3BB	RGB 160 195 187	#A0C3BB
66.7%	66.7% #90B9B2	RGB 144 185 178	#90B9B2
83.3%	83.3% #81B0AA	RGB 129 176 170	#81B0AA
100.0%	100.0% #72A7A2	RGB 114 167 162	#72A7A2

#CEDFD4 #BED5CB #AFCCC3 #A0C3BB #90B9B2 #81B0AA #72A7A2

#CEDFD4 - #72A7A2

HSV Blend

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

0.0%	0.0% #CEDFD4	RGB 206 223 212	#CEDFD4
16.7%	16.7% #BCD5C7	RGB 188 213 199	#BCD5C7
33.3%	33.3% #ACCCBD	RGB 172 204 189	#ACCCBD
50.0%	50.0% #9CC3B4	RGB 156 195 180	#9CC3B4
66.7%	66.7% #8DB9AD	RGB 141 185 173	#8DB9AD
83.3%	83.3% #7FB0A7	RGB 127 176 167	#7FB0A7
100.0%	100.0% #72A7A2	RGB 114 167 162	#72A7A2

#CEDFD4 #BCD5C7 #ACCCBD #9CC3B4 #8DB9AD #7FB0A7 #72A7A2

#CEDFD4 - #9CC3B4 - #72A7A2

CSS codes

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

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