#6CDB8C - #DFFF8C | 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 #6CDB8C to #DFFF8C

#6CDB8C #DFFF8C

Calculate the color between two colors, #6CDB8C and #DFFF8C. 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)

#6CDB8C - #DFFF8C | 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 #6CDB8C as 0% and #DFFF8C as 100%.

0.0%	0.0% #6CDB8C	RGB 108 219 140	#6CDB8C
16.7%	16.7% #7FE18C	RGB 127 225 140	#7FE18C
33.3%	33.3% #92E78C	RGB 146 231 140	#92E78C
50.0%	50.0% #A5ED8C	RGB 165 237 140	#A5ED8C
66.7%	66.7% #B8F38C	RGB 184 243 140	#B8F38C
83.3%	83.3% #CBF98C	RGB 203 249 140	#CBF98C
100.0%	100.0% #DFFF8C	RGB 223 255 140	#DFFF8C

#6CDB8C #7FE18C #92E78C #A5ED8C #B8F38C #CBF98C #DFFF8C

#6CDB8C - #DFFF8C

HSV Blend

#6CDB8C - #DFFF8C | 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 #6CDB8C as 0% and #DFFF8C as 100%.

0.0%	0.0% #6CDB8C	RGB 108 219 140	#6CDB8C
16.7%	16.7% #71E17E	RGB 113 225 126	#71E17E
33.3%	33.3% #7BE776	RGB 123 231 118	#7BE776
50.0%	50.0% #94ED7B	RGB 148 237 123	#94ED7B
66.7%	66.7% #ACF380	RGB 172 243 128	#ACF380
83.3%	83.3% #C5F986	RGB 197 249 134	#C5F986
100.0%	100.0% #DFFF8C	RGB 223 255 140	#DFFF8C

#6CDB8C #71E17E #7BE776 #94ED7B #ACF380 #C5F986 #DFFF8C

#6CDB8C - #94ED7B - #DFFF8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6CDB8C 0%, #94ED7B 50%, #DFFF8C 100%);
    background: -webkit-linear-gradient(top, #6CDB8C 0%, #94ED7B 50%, #DFFF8C 100%);
    background: linear-gradient(to bottom, #6CDB8C 0%, #94ED7B 50%, #DFFF8C 100%);
}
</style>