#41CDAA - #C8F0E6 | 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 #41CDAA to #C8F0E6

#41CDAA #C8F0E6

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

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

0.0%	0.0% #41CDAA	RGB 65 205 170	#41CDAA
16.7%	16.7% #57D2B4	RGB 87 210 180	#57D2B4
33.3%	33.3% #6ED8BE	RGB 110 216 190	#6ED8BE
50.0%	50.0% #84DEC8	RGB 132 222 200	#84DEC8
66.7%	66.7% #9BE4D2	RGB 155 228 210	#9BE4D2
83.3%	83.3% #B1EADC	RGB 177 234 220	#B1EADC
100.0%	100.0% #C8F0E6	RGB 200 240 230	#C8F0E6

#41CDAA #57D2B4 #6ED8BE #84DEC8 #9BE4D2 #B1EADC #C8F0E6

#41CDAA - #C8F0E6

HSV Blend

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

0.0%	0.0% #41CDAA	RGB 65 205 170	#41CDAA
16.7%	16.7% #54D2B3	RGB 84 210 179	#54D2B3
33.3%	33.3% #69D8BC	RGB 105 216 188	#69D8BC
50.0%	50.0% #7FDEC6	RGB 127 222 198	#7FDEC6
66.7%	66.7% #96E4D0	RGB 150 228 208	#96E4D0
83.3%	83.3% #AEEADB	RGB 174 234 219	#AEEADB
100.0%	100.0% #C8F0E6	RGB 200 240 230	#C8F0E6

#41CDAA #54D2B3 #69D8BC #7FDEC6 #96E4D0 #AEEADB #C8F0E6

#41CDAA - #7FDEC6 - #C8F0E6

CSS codes

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

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