#36BC9B - #DAF1A2 | 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 #36BC9B to #DAF1A2

#36BC9B #DAF1A2

Calculate the color between two colors, #36BC9B and #DAF1A2. 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)

#36BC9B - #DAF1A2 | 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 #36BC9B as 0% and #DAF1A2 as 100%.

0.0%	0.0% #36BC9B	RGB 54 188 155	#36BC9B
16.7%	16.7% #51C49C	RGB 81 196 156	#51C49C
33.3%	33.3% #6CCD9D	RGB 108 205 157	#6CCD9D
50.0%	50.0% #88D69E	RGB 136 214 158	#88D69E
66.7%	66.7% #A3DF9F	RGB 163 223 159	#A3DF9F
83.3%	83.3% #BEE8A0	RGB 190 232 160	#BEE8A0
100.0%	100.0% #DAF1A2	RGB 218 241 162	#DAF1A2

#36BC9B #51C49C #6CCD9D #88D69E #A3DF9F #BEE8A0 #DAF1A2

#36BC9B - #DAF1A2

HSV Blend

#36BC9B - #DAF1A2 | 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 #36BC9B as 0% and #DAF1A2 as 100%.

0.0%	0.0% #36BC9B	RGB 54 188 155	#36BC9B
16.7%	16.7% #45C486	RGB 69 196 134	#45C486
33.3%	33.3% #55CD75	RGB 85 205 117	#55CD75
50.0%	50.0% #66D669	RGB 102 214 105	#66D669
66.7%	66.7% #90DF79	RGB 144 223 121	#90DF79
83.3%	83.3% #B7E88D	RGB 183 232 141	#B7E88D
100.0%	100.0% #DAF1A2	RGB 218 241 162	#DAF1A2

#36BC9B #45C486 #55CD75 #66D669 #90DF79 #B7E88D #DAF1A2

#36BC9B - #66D669 - #DAF1A2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #36BC9B 0%, #66D669 50%, #DAF1A2 100%);
    background: -webkit-linear-gradient(top, #36BC9B 0%, #66D669 50%, #DAF1A2 100%);
    background: linear-gradient(to bottom, #36BC9B 0%, #66D669 50%, #DAF1A2 100%);
}
</style>