#CAFFCD - #72DA9C | 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 #CAFFCD to #72DA9C

#CAFFCD #72DA9C

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

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

0.0%	0.0% #CAFFCD	RGB 202 255 205	#CAFFCD
16.7%	16.7% #BBF8C4	RGB 187 248 196	#BBF8C4
33.3%	33.3% #ACF2BC	RGB 172 242 188	#ACF2BC
50.0%	50.0% #9EECB4	RGB 158 236 180	#9EECB4
66.7%	66.7% #8FE6AC	RGB 143 230 172	#8FE6AC
83.3%	83.3% #80E0A4	RGB 128 224 164	#80E0A4
100.0%	100.0% #72DA9C	RGB 114 218 156	#72DA9C

#CAFFCD #BBF8C4 #ACF2BC #9EECB4 #8FE6AC #80E0A4 #72DA9C

#CAFFCD - #72DA9C

HSV Blend

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

0.0%	0.0% #CAFFCD	RGB 202 255 205	#CAFFCD
16.7%	16.7% #B9F8C1	RGB 185 248 193	#B9F8C1
33.3%	33.3% #AAF2B6	RGB 170 242 182	#AAF2B6
50.0%	50.0% #9BECAE	RGB 155 236 174	#9BECAE
66.7%	66.7% #8DE6A6	RGB 141 230 166	#8DE6A6
83.3%	83.3% #7FE0A0	RGB 127 224 160	#7FE0A0
100.0%	100.0% #72DA9C	RGB 114 218 156	#72DA9C

#CAFFCD #B9F8C1 #AAF2B6 #9BECAE #8DE6A6 #7FE0A0 #72DA9C

#CAFFCD - #9BECAE - #72DA9C

CSS codes

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

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