#CEE4D8 - #72C0AC | 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 #CEE4D8 to #72C0AC

#CEE4D8 #72C0AC

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

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

0.0%	0.0% #CEE4D8	RGB 206 228 216	#CEE4D8
16.7%	16.7% #BEDED0	RGB 190 222 208	#BEDED0
33.3%	33.3% #AFD8C9	RGB 175 216 201	#AFD8C9
50.0%	50.0% #A0D2C2	RGB 160 210 194	#A0D2C2
66.7%	66.7% #90CCBA	RGB 144 204 186	#90CCBA
83.3%	83.3% #81C6B3	RGB 129 198 179	#81C6B3
100.0%	100.0% #72C0AC	RGB 114 192 172	#72C0AC

#CEE4D8 #BEDED0 #AFD8C9 #A0D2C2 #90CCBA #81C6B3 #72C0AC

#CEE4D8 - #72C0AC

HSV Blend

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

0.0%	0.0% #CEE4D8	RGB 206 228 216	#CEE4D8
16.7%	16.7% #BDDECD	RGB 189 222 205	#BDDECD
33.3%	33.3% #ACD8C4	RGB 172 216 196	#ACD8C4
50.0%	50.0% #9DD2BC	RGB 157 210 188	#9DD2BC
66.7%	66.7% #8ECCB6	RGB 142 204 182	#8ECCB6
83.3%	83.3% #7FC6B0	RGB 127 198 176	#7FC6B0
100.0%	100.0% #72C0AC	RGB 114 192 172	#72C0AC

#CEE4D8 #BDDECD #ACD8C4 #9DD2BC #8ECCB6 #7FC6B0 #72C0AC

#CEE4D8 - #9DD2BC - #72C0AC

CSS codes

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

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