#41C4A8 - #C8EEE6 | 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 #41C4A8 to #C8EEE6

#41C4A8 #C8EEE6

Calculate the color between two colors, #41C4A8 and #C8EEE6. 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)

#41C4A8 - #C8EEE6 | 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 #41C4A8 as 0% and #C8EEE6 as 100%.

0.0%	0.0% #41C4A8	RGB 65 196 168	#41C4A8
16.7%	16.7% #57CBB2	RGB 87 203 178	#57CBB2
33.3%	33.3% #6ED2BC	RGB 110 210 188	#6ED2BC
50.0%	50.0% #84D9C7	RGB 132 217 199	#84D9C7
66.7%	66.7% #9BE0D1	RGB 155 224 209	#9BE0D1
83.3%	83.3% #B1E7DB	RGB 177 231 219	#B1E7DB
100.0%	100.0% #C8EEE6	RGB 200 238 230	#C8EEE6

#41C4A8 #57CBB2 #6ED2BC #84D9C7 #9BE0D1 #B1E7DB #C8EEE6

#41C4A8 - #C8EEE6

HSV Blend

#41C4A8 - #C8EEE6 | 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 #41C4A8 as 0% and #C8EEE6 as 100%.

0.0%	0.0% #40C4A7	RGB 64 196 167	#40C4A7
16.7%	16.7% #54CBB1	RGB 84 203 177	#54CBB1
33.3%	33.3% #69D2BB	RGB 105 210 187	#69D2BB
50.0%	50.0% #7FD9C5	RGB 127 217 197	#7FD9C5
66.7%	66.7% #96E0D0	RGB 150 224 208	#96E0D0
83.3%	83.3% #AEE7DB	RGB 174 231 219	#AEE7DB
100.0%	100.0% #C8EEE6	RGB 200 238 230	#C8EEE6

#40C4A7 #54CBB1 #69D2BB #7FD9C5 #96E0D0 #AEE7DB #C8EEE6

#41C4A8 - #7FD9C5 - #C8EEE6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #40C4A7 0%, #7FD9C5 50%, #C8EEE6 100%);
    background: -webkit-linear-gradient(top, #40C4A7 0%, #7FD9C5 50%, #C8EEE6 100%);
    background: linear-gradient(to bottom, #40C4A7 0%, #7FD9C5 50%, #C8EEE6 100%);
}
</style>