#C9F0DA - #70C1B5 | 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 #C9F0DA to #70C1B5

#C9F0DA #70C1B5

Calculate the color between two colors, #C9F0DA and #70C1B5. 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)

#C9F0DA - #70C1B5 | 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 #C9F0DA as 0% and #70C1B5 as 100%.

0.0%	0.0% #C9F0DA	RGB 201 240 218	#C9F0DA
16.7%	16.7% #BAE8D3	RGB 186 232 211	#BAE8D3
33.3%	33.3% #ABE0CD	RGB 171 224 205	#ABE0CD
50.0%	50.0% #9CD8C7	RGB 156 216 199	#9CD8C7
66.7%	66.7% #8DD0C1	RGB 141 208 193	#8DD0C1
83.3%	83.3% #7EC8BB	RGB 126 200 187	#7EC8BB
100.0%	100.0% #70C1B5	RGB 112 193 181	#70C1B5

#C9F0DA #BAE8D3 #ABE0CD #9CD8C7 #8DD0C1 #7EC8BB #70C1B5

#C9F0DA - #70C1B5

HSV Blend

#C9F0DA - #70C1B5 | 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 #C9F0DA as 0% and #70C1B5 as 100%.

0.0%	0.0% #C9F0DA	RGB 201 240 218	#C9F0DA
16.7%	16.7% #B8E8D0	RGB 184 232 208	#B8E8D0
33.3%	33.3% #A8E0C8	RGB 168 224 200	#A8E0C8
50.0%	50.0% #99D8C2	RGB 153 216 194	#99D8C2
66.7%	66.7% #8AD0BC	RGB 138 208 188	#8AD0BC
83.3%	83.3% #7DC8B8	RGB 125 200 184	#7DC8B8
100.0%	100.0% #70C1B5	RGB 112 193 181	#70C1B5

#C9F0DA #B8E8D0 #A8E0C8 #99D8C2 #8AD0BC #7DC8B8 #70C1B5

#C9F0DA - #99D8C2 - #70C1B5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C9F0DA 0%, #99D8C2 50%, #70C1B5 100%);
    background: -webkit-linear-gradient(top, #C9F0DA 0%, #99D8C2 50%, #70C1B5 100%);
    background: linear-gradient(to bottom, #C9F0DA 0%, #99D8C2 50%, #70C1B5 100%);
}
</style>