#41BA8F - #C8EBDF | 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 #41BA8F to #C8EBDF

#41BA8F #C8EBDF

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

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

0.0%	0.0% #41BA8F	RGB 65 186 143	#41BA8F
16.7%	16.7% #57C29C	RGB 87 194 156	#57C29C
33.3%	33.3% #6ECAA9	RGB 110 202 169	#6ECAA9
50.0%	50.0% #84D2B7	RGB 132 210 183	#84D2B7
66.7%	66.7% #9BDAC4	RGB 155 218 196	#9BDAC4
83.3%	83.3% #B1E2D1	RGB 177 226 209	#B1E2D1
100.0%	100.0% #C8EBDF	RGB 200 235 223	#C8EBDF

#41BA8F #57C29C #6ECAA9 #84D2B7 #9BDAC4 #B1E2D1 #C8EBDF

#41BA8F - #C8EBDF

HSV Blend

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

0.0%	0.0% #41BA8E	RGB 65 186 142	#41BA8E
16.7%	16.7% #54C29B	RGB 84 194 155	#54C29B
33.3%	33.3% #68CAA7	RGB 104 202 167	#68CAA7
50.0%	50.0% #7ED2B5	RGB 126 210 181	#7ED2B5
66.7%	66.7% #95DAC2	RGB 149 218 194	#95DAC2
83.3%	83.3% #AEE2D0	RGB 174 226 208	#AEE2D0
100.0%	100.0% #C8EBDF	RGB 200 235 223	#C8EBDF

#41BA8E #54C29B #68CAA7 #7ED2B5 #95DAC2 #AEE2D0 #C8EBDF

#41BA8F - #7ED2B5 - #C8EBDF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #41BA8E 0%, #7ED2B5 50%, #C8EBDF 100%);
    background: -webkit-linear-gradient(top, #41BA8E 0%, #7ED2B5 50%, #C8EBDF 100%);
    background: linear-gradient(to bottom, #41BA8E 0%, #7ED2B5 50%, #C8EBDF 100%);
}
</style>