#86FF5E - #DCFFD1 | 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 #86FF5E to #DCFFD1

#86FF5E #DCFFD1

Calculate the color between two colors, #86FF5E and #DCFFD1. 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)

#86FF5E - #DCFFD1 | 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 #86FF5E as 0% and #DCFFD1 as 100%.

0.0%	0.0% #86FF5E	RGB 134 255 94	#86FF5E
16.7%	16.7% #94FF71	RGB 148 255 113	#94FF71
33.3%	33.3% #A2FF84	RGB 162 255 132	#A2FF84
50.0%	50.0% #B1FF97	RGB 177 255 151	#B1FF97
66.7%	66.7% #BFFFAA	RGB 191 255 170	#BFFFAA
83.3%	83.3% #CDFFBD	RGB 205 255 189	#CDFFBD
100.0%	100.0% #DCFFD1	RGB 220 255 209	#DCFFD1

#86FF5E #94FF71 #A2FF84 #B1FF97 #BFFFAA #CDFFBD #DCFFD1

#86FF5E - #DCFFD1

HSV Blend

#86FF5E - #DCFFD1 | 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 #86FF5E as 0% and #DCFFD1 as 100%.

0.0%	0.0% #86FF5D	RGB 134 255 93	#86FF5D
16.7%	16.7% #94FF71	RGB 148 255 113	#94FF71
33.3%	33.3% #A2FF84	RGB 162 255 132	#A2FF84
50.0%	50.0% #B0FF97	RGB 176 255 151	#B0FF97
66.7%	66.7% #BFFFAA	RGB 191 255 170	#BFFFAA
83.3%	83.3% #CDFFBD	RGB 205 255 189	#CDFFBD
100.0%	100.0% #DCFFD1	RGB 220 255 209	#DCFFD1

#86FF5D #94FF71 #A2FF84 #B0FF97 #BFFFAA #CDFFBD #DCFFD1

#86FF5E - #B0FF97 - #DCFFD1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #86FF5D 0%, #B0FF97 50%, #DCFFD1 100%);
    background: -webkit-linear-gradient(top, #86FF5D 0%, #B0FF97 50%, #DCFFD1 100%);
    background: linear-gradient(to bottom, #86FF5D 0%, #B0FF97 50%, #DCFFD1 100%);
}
</style>