#28C0AD - #C1EDE7 | 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 #28C0AD to #C1EDE7

#28C0AD #C1EDE7

Calculate the color between two colors, #28C0AD and #C1EDE7. 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)

#28C0AD - #C1EDE7 | 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 #28C0AD as 0% and #C1EDE7 as 100%.

0.0%	0.0% #28C0AD	RGB 40 192 173	#28C0AD
16.7%	16.7% #41C7B6	RGB 65 199 182	#41C7B6
33.3%	33.3% #5BCFC0	RGB 91 207 192	#5BCFC0
50.0%	50.0% #74D6CA	RGB 116 214 202	#74D6CA
66.7%	66.7% #8EDED3	RGB 142 222 211	#8EDED3
83.3%	83.3% #A7E5DD	RGB 167 229 221	#A7E5DD
100.0%	100.0% #C1EDE7	RGB 193 237 231	#C1EDE7

#28C0AD #41C7B6 #5BCFC0 #74D6CA #8EDED3 #A7E5DD #C1EDE7

#28C0AD - #C1EDE7

HSV Blend

#28C0AD - #C1EDE7 | 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 #28C0AD as 0% and #C1EDE7 as 100%.

0.0%	0.0% #28C0AD	RGB 40 192 173	#28C0AD
16.7%	16.7% #3DC7B6	RGB 61 199 182	#3DC7B6
33.3%	33.3% #54CFBF	RGB 84 207 191	#54CFBF
50.0%	50.0% #6DD6C8	RGB 109 214 200	#6DD6C8
66.7%	66.7% #87DED2	RGB 135 222 210	#87DED2
83.3%	83.3% #A3E5DC	RGB 163 229 220	#A3E5DC
100.0%	100.0% #C1EDE7	RGB 193 237 231	#C1EDE7

#28C0AD #3DC7B6 #54CFBF #6DD6C8 #87DED2 #A3E5DC #C1EDE7

#28C0AD - #6DD6C8 - #C1EDE7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #28C0AD 0%, #6DD6C8 50%, #C1EDE7 100%);
    background: -webkit-linear-gradient(top, #28C0AD 0%, #6DD6C8 50%, #C1EDE7 100%);
    background: linear-gradient(to bottom, #28C0AD 0%, #6DD6C8 50%, #C1EDE7 100%);
}
</style>