#C7FF6E - #8DFF8D | 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 #C7FF6E to #8DFF8D

#C7FF6E #8DFF8D

Calculate the color between two colors, #C7FF6E and #8DFF8D. 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)

#C7FF6E - #8DFF8D | 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 #C7FF6E as 0% and #8DFF8D as 100%.

0.0%	0.0% #C7FF6E	RGB 199 255 110	#C7FF6E
16.7%	16.7% #BDFF73	RGB 189 255 115	#BDFF73
33.3%	33.3% #B3FF78	RGB 179 255 120	#B3FF78
50.0%	50.0% #AAFF7D	RGB 170 255 125	#AAFF7D
66.7%	66.7% #A0FF82	RGB 160 255 130	#A0FF82
83.3%	83.3% #96FF87	RGB 150 255 135	#96FF87
100.0%	100.0% #8DFF8D	RGB 141 255 141	#8DFF8D

#C7FF6E #BDFF73 #B3FF78 #AAFF7D #A0FF82 #96FF87 #8DFF8D

#C7FF6E - #8DFF8D

HSV Blend

#C7FF6E - #8DFF8D | 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 #C7FF6E as 0% and #8DFF8D as 100%.

0.0%	0.0% #C7FF6E	RGB 199 255 110	#C7FF6E
16.7%	16.7% #BAFF73	RGB 186 255 115	#BAFF73
33.3%	33.3% #AFFF78	RGB 175 255 120	#AFFF78
50.0%	50.0% #A5FF7D	RGB 165 255 125	#A5FF7D
66.7%	66.7% #9CFF82	RGB 156 255 130	#9CFF82
83.3%	83.3% #94FF87	RGB 148 255 135	#94FF87
100.0%	100.0% #8DFF8D	RGB 141 255 141	#8DFF8D

#C7FF6E #BAFF73 #AFFF78 #A5FF7D #9CFF82 #94FF87 #8DFF8D

#C7FF6E - #A5FF7D - #8DFF8D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7FF6E 0%, #A5FF7D 50%, #8DFF8D 100%);
    background: -webkit-linear-gradient(top, #C7FF6E 0%, #A5FF7D 50%, #8DFF8D 100%);
    background: linear-gradient(to bottom, #C7FF6E 0%, #A5FF7D 50%, #8DFF8D 100%);
}
</style>