#13FF84 - #DCFF8C | 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 #13FF84 to #DCFF8C

#13FF84 #DCFF8C

Calculate the color between two colors, #13FF84 and #DCFF8C. 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)

#13FF84 - #DCFF8C | 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 #13FF84 as 0% and #DCFF8C as 100%.

0.0%	0.0% #13FF84	RGB 19 255 132	#13FF84
16.7%	16.7% #34FF85	RGB 52 255 133	#34FF85
33.3%	33.3% #56FF86	RGB 86 255 134	#56FF86
50.0%	50.0% #77FF88	RGB 119 255 136	#77FF88
66.7%	66.7% #99FF89	RGB 153 255 137	#99FF89
83.3%	83.3% #BAFF8A	RGB 186 255 138	#BAFF8A
100.0%	100.0% #DCFF8C	RGB 220 255 140	#DCFF8C

#13FF84 #34FF85 #56FF86 #77FF88 #99FF89 #BAFF8A #DCFF8C

#13FF84 - #DCFF8C

HSV Blend

#13FF84 - #DCFF8C | 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 #13FF84 as 0% and #DCFF8C as 100%.

0.0%	0.0% #12FF83	RGB 18 255 131	#12FF83
16.7%	16.7% #27FF64	RGB 39 255 100	#27FF64
33.3%	33.3% #3BFF4C	RGB 59 255 76	#3BFF4C
50.0%	50.0% #62FF4F	RGB 98 255 79	#62FF4F
66.7%	66.7% #92FF63	RGB 146 255 99	#92FF63
83.3%	83.3% #BBFF77	RGB 187 255 119	#BBFF77
100.0%	100.0% #DCFF8C	RGB 220 255 140	#DCFF8C

#12FF83 #27FF64 #3BFF4C #62FF4F #92FF63 #BBFF77 #DCFF8C

#13FF84 - #62FF4F - #DCFF8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #12FF83 0%, #62FF4F 50%, #DCFF8C 100%);
    background: -webkit-linear-gradient(top, #12FF83 0%, #62FF4F 50%, #DCFF8C 100%);
    background: linear-gradient(to bottom, #12FF83 0%, #62FF4F 50%, #DCFF8C 100%);
}
</style>