#6AFF11 - #D2FF6B | 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 #6AFF11 to #D2FF6B

#6AFF11 #D2FF6B

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

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

0.0%	0.0% #6AFF11	RGB 106 255 17	#6AFF11
16.7%	16.7% #7BFF20	RGB 123 255 32	#7BFF20
33.3%	33.3% #8CFF2F	RGB 140 255 47	#8CFF2F
50.0%	50.0% #9EFF3E	RGB 158 255 62	#9EFF3E
66.7%	66.7% #AFFF4D	RGB 175 255 77	#AFFF4D
83.3%	83.3% #C0FF5C	RGB 192 255 92	#C0FF5C
100.0%	100.0% #D2FF6B	RGB 210 255 107	#D2FF6B

#6AFF11 #7BFF20 #8CFF2F #9EFF3E #AFFF4D #C0FF5C #D2FF6B

#6AFF11 - #D2FF6B

HSV Blend

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

0.0%	0.0% #6AFF10	RGB 106 255 16	#6AFF10
16.7%	16.7% #7FFF1F	RGB 127 255 31	#7FFF1F
33.3%	33.3% #93FF2E	RGB 147 255 46	#93FF2E
50.0%	50.0% #A5FF3D	RGB 165 255 61	#A5FF3D
66.7%	66.7% #B5FF4D	RGB 181 255 77	#B5FF4D
83.3%	83.3% #C4FF5C	RGB 196 255 92	#C4FF5C
100.0%	100.0% #D2FF6B	RGB 210 255 107	#D2FF6B

#6AFF10 #7FFF1F #93FF2E #A5FF3D #B5FF4D #C4FF5C #D2FF6B

#6AFF11 - #A5FF3D - #D2FF6B

CSS codes

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

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