#7FC5D4 - #C7E6AF | 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 #7FC5D4 to #C7E6AF

#7FC5D4 #C7E6AF

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

#7FC5D4 - #C7E6AF | 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 #7FC5D4 as 0% and #C7E6AF as 100%.

0.0%	0.0% #7FC5D4	RGB 127 197 212	#7FC5D4
16.7%	16.7% #8BCACD	RGB 139 202 205	#8BCACD
33.3%	33.3% #97D0C7	RGB 151 208 199	#97D0C7
50.0%	50.0% #A3D5C1	RGB 163 213 193	#A3D5C1
66.7%	66.7% #AFDBBB	RGB 175 219 187	#AFDBBB
83.3%	83.3% #BBE0B5	RGB 187 224 181	#BBE0B5
100.0%	100.0% #C7E6AF	RGB 199 230 175	#C7E6AF

#7FC5D4 #8BCACD #97D0C7 #A3D5C1 #AFDBBB #BBE0B5 #C7E6AF

#7FC5D4 - #C7E6AF

HSV Blend

#7FC5D4 - #C7E6AF | 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 #7FC5D4 as 0% and #C7E6AF as 100%.

0.0%	0.0% #7FC5D4	RGB 127 197 212	#7FC5D4
16.7%	16.7% #86D7CF	RGB 134 215 207	#86D7CF
33.3%	33.3% #8EDABE	RGB 142 218 190	#8EDABE
50.0%	50.0% #96DDB0	RGB 150 221 176	#96DDB0
66.7%	66.7% #9EE0A4	RGB 158 224 164	#9EE0A4
83.3%	83.3% #B0E3A6	RGB 176 227 166	#B0E3A6
100.0%	100.0% #C7E6AF	RGB 199 230 175	#C7E6AF

#7FC5D4 #86D7CF #8EDABE #96DDB0 #9EE0A4 #B0E3A6 #C7E6AF

#7FC5D4 - #96DDB0 - #C7E6AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7FC5D4 0%, #96DDB0 50%, #C7E6AF 100%);
    background: -webkit-linear-gradient(top, #7FC5D4 0%, #96DDB0 50%, #C7E6AF 100%);
    background: linear-gradient(to bottom, #7FC5D4 0%, #96DDB0 50%, #C7E6AF 100%);
}
</style>