#7FC75E - #CAD3C0 | 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 #7FC75E to #CAD3C0

#7FC75E #CAD3C0

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

#7FC75E - #CAD3C0 | 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 #7FC75E as 0% and #CAD3C0 as 100%.

0.0%	0.0% #7FC75E	RGB 127 199 94	#7FC75E
16.7%	16.7% #8BC96E	RGB 139 201 110	#8BC96E
33.3%	33.3% #98CB7E	RGB 152 203 126	#98CB7E
50.0%	50.0% #A4CD8F	RGB 164 205 143	#A4CD8F
66.7%	66.7% #B1CF9F	RGB 177 207 159	#B1CF9F
83.3%	83.3% #BDD1AF	RGB 189 209 175	#BDD1AF
100.0%	100.0% #CAD3C0	RGB 202 211 192	#CAD3C0

#7FC75E #8BC96E #98CB7E #A4CD8F #B1CF9F #BDD1AF #CAD3C0

#7FC75E - #CAD3C0

HSV Blend

#7FC75E - #CAD3C0 | 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 #7FC75E as 0% and #CAD3C0 as 100%.

0.0%	0.0% #7FC75E	RGB 127 199 94	#7FC75E
16.7%	16.7% #8DC96D	RGB 141 201 109	#8DC96D
33.3%	33.3% #9BCB7D	RGB 155 203 125	#9BCB7D
50.0%	50.0% #A8CD8D	RGB 168 205 141	#A8CD8D
66.7%	66.7% #B4CF9E	RGB 180 207 158	#B4CF9E
83.3%	83.3% #BFD1AE	RGB 191 209 174	#BFD1AE
100.0%	100.0% #CAD3C0	RGB 202 211 192	#CAD3C0

#7FC75E #8DC96D #9BCB7D #A8CD8D #B4CF9E #BFD1AE #CAD3C0

#7FC75E - #A8CD8D - #CAD3C0

CSS codes

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

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