#40E0D0 - #C8F6F1 | 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 #40E0D0 to #C8F6F1

#40E0D0 #C8F6F1

Calculate the color between two colors, #40E0D0 and #C8F6F1. 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)

#40E0D0 - #C8F6F1 | 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 #40E0D0 as 0% and #C8F6F1 as 100%.

0.0%	0.0% #40E0D0	RGB 64 224 208	#40E0D0
16.7%	16.7% #56E3D5	RGB 86 227 213	#56E3D5
33.3%	33.3% #6DE7DB	RGB 109 231 219	#6DE7DB
50.0%	50.0% #84EBE0	RGB 132 235 224	#84EBE0
66.7%	66.7% #9AEEE6	RGB 154 238 230	#9AEEE6
83.3%	83.3% #B1F2EB	RGB 177 242 235	#B1F2EB
100.0%	100.0% #C8F6F1	RGB 200 246 241	#C8F6F1

#40E0D0 #56E3D5 #6DE7DB #84EBE0 #9AEEE6 #B1F2EB #C8F6F1

#40E0D0 - #C8F6F1

HSV Blend

#40E0D0 - #C8F6F1 | 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 #40E0D0 as 0% and #C8F6F1 as 100%.

0.0%	0.0% #40E0D0	RGB 64 224 208	#40E0D0
16.7%	16.7% #55E3D5	RGB 85 227 213	#55E3D5
33.3%	33.3% #6AE7DA	RGB 106 231 218	#6AE7DA
50.0%	50.0% #81EBDF	RGB 129 235 223	#81EBDF
66.7%	66.7% #98EEE5	RGB 152 238 229	#98EEE5
83.3%	83.3% #AFF2EB	RGB 175 242 235	#AFF2EB
100.0%	100.0% #C8F6F1	RGB 200 246 241	#C8F6F1

#40E0D0 #55E3D5 #6AE7DA #81EBDF #98EEE5 #AFF2EB #C8F6F1

#40E0D0 - #81EBDF - #C8F6F1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #40E0D0 0%, #81EBDF 50%, #C8F6F1 100%);
    background: -webkit-linear-gradient(top, #40E0D0 0%, #81EBDF 50%, #C8F6F1 100%);
    background: linear-gradient(to bottom, #40E0D0 0%, #81EBDF 50%, #C8F6F1 100%);
}
</style>