#41BABA - #C3E6AF | 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 #41BABA to #C3E6AF

#41BABA #C3E6AF

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

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

0.0%	0.0% #41BABA	RGB 65 186 186	#41BABA
16.7%	16.7% #56C1B8	RGB 86 193 184	#56C1B8
33.3%	33.3% #6CC8B6	RGB 108 200 182	#6CC8B6
50.0%	50.0% #82D0B4	RGB 130 208 180	#82D0B4
66.7%	66.7% #97D7B2	RGB 151 215 178	#97D7B2
83.3%	83.3% #ADDEB0	RGB 173 222 176	#ADDEB0
100.0%	100.0% #C3E6AF	RGB 195 230 175	#C3E6AF

#41BABA #56C1B8 #6CC8B6 #82D0B4 #97D7B2 #ADDEB0 #C3E6AF

#41BABA - #C3E6AF

HSV Blend

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

0.0%	0.0% #41BABA	RGB 65 186 186	#41BABA
16.7%	16.7% #50C1A7	RGB 80 193 167	#50C1A7
33.3%	33.3% #61C899	RGB 97 200 153	#61C899
50.0%	50.0% #73D090	RGB 115 208 144	#73D090
66.7%	66.7% #86D78D	RGB 134 215 141	#86D78D
83.3%	83.3% #A3DE9A	RGB 163 222 154	#A3DE9A
100.0%	100.0% #C3E6AF	RGB 195 230 175	#C3E6AF

#41BABA #50C1A7 #61C899 #73D090 #86D78D #A3DE9A #C3E6AF

#41BABA - #73D090 - #C3E6AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #41BABA 0%, #73D090 50%, #C3E6AF 100%);
    background: -webkit-linear-gradient(top, #41BABA 0%, #73D090 50%, #C3E6AF 100%);
    background: linear-gradient(to bottom, #41BABA 0%, #73D090 50%, #C3E6AF 100%);
}
</style>