#DCFEB9 - #A0F068 | 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 #DCFEB9 to #A0F068

#DCFEB9 #A0F068

Calculate the color between two colors, #DCFEB9 and #A0F068. 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)

#DCFEB9 - #A0F068 | 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 #DCFEB9 as 0% and #A0F068 as 100%.

0.0%	0.0% #DCFEB9	RGB 220 254 185	#DCFEB9
16.7%	16.7% #D2FBAB	RGB 210 251 171	#D2FBAB
33.3%	33.3% #C8F99E	RGB 200 249 158	#C8F99E
50.0%	50.0% #BEF790	RGB 190 247 144	#BEF790
66.7%	66.7% #B4F483	RGB 180 244 131	#B4F483
83.3%	83.3% #AAF275	RGB 170 242 117	#AAF275
100.0%	100.0% #A0F068	RGB 160 240 104	#A0F068

#DCFEB9 #D2FBAB #C8F99E #BEF790 #B4F483 #AAF275 #A0F068

#DCFEB9 - #A0F068

HSV Blend

#DCFEB9 - #A0F068 | 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 #DCFEB9 as 0% and #A0F068 as 100%.

0.0%	0.0% #DCFEB9	RGB 220 254 185	#DCFEB9
16.7%	16.7% #D2FBAA	RGB 210 251 170	#D2FBAA
33.3%	33.3% #C8F99D	RGB 200 249 157	#C8F99D
50.0%	50.0% #BFF78F	RGB 191 247 143	#BFF78F
66.7%	66.7% #B4F482	RGB 180 244 130	#B4F482
83.3%	83.3% #AAF274	RGB 170 242 116	#AAF274
100.0%	100.0% #A0F068	RGB 160 240 104	#A0F068

#DCFEB9 #D2FBAA #C8F99D #BFF78F #B4F482 #AAF274 #A0F068

#DCFEB9 - #BFF78F - #A0F068

CSS codes

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

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