#7EB6AC - #CEDBAA | 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 #7EB6AC to #CEDBAA

#7EB6AC #CEDBAA

Calculate the color between two colors, #7EB6AC and #CEDBAA. 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)

#7EB6AC - #CEDBAA | 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 #7EB6AC as 0% and #CEDBAA as 100%.

0.0%	0.0% #7EB6AC	RGB 126 182 172	#7EB6AC
16.7%	16.7% #8BBCAB	RGB 139 188 171	#8BBCAB
33.3%	33.3% #98C2AB	RGB 152 194 171	#98C2AB
50.0%	50.0% #A6C8AB	RGB 166 200 171	#A6C8AB
66.7%	66.7% #B3CEAA	RGB 179 206 170	#B3CEAA
83.3%	83.3% #C0D4AA	RGB 192 212 170	#C0D4AA
100.0%	100.0% #CEDBAA	RGB 206 219 170	#CEDBAA

#7EB6AC #8BBCAB #98C2AB #A6C8AB #B3CEAA #C0D4AA #CEDBAA

#7EB6AC - #CEDBAA

HSV Blend

#7EB6AC - #CEDBAA | 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 #7EB6AC as 0% and #CEDBAA as 100%.

0.0%	0.0% #7EB6AC	RGB 126 182 172	#7EB6AC
16.7%	16.7% #84BCA3	RGB 132 188 163	#84BCA3
33.3%	33.3% #8BC29C	RGB 139 194 156	#8BC29C
50.0%	50.0% #93C895	RGB 147 200 149	#93C895
66.7%	66.7% #A5CE9A	RGB 165 206 154	#A5CE9A
83.3%	83.3% #BAD4A2	RGB 186 212 162	#BAD4A2
100.0%	100.0% #CEDBAA	RGB 206 219 170	#CEDBAA

#7EB6AC #84BCA3 #8BC29C #93C895 #A5CE9A #BAD4A2 #CEDBAA

#7EB6AC - #93C895 - #CEDBAA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7EB6AC 0%, #93C895 50%, #CEDBAA 100%);
    background: -webkit-linear-gradient(top, #7EB6AC 0%, #93C895 50%, #CEDBAA 100%);
    background: linear-gradient(to bottom, #7EB6AC 0%, #93C895 50%, #CEDBAA 100%);
}
</style>