#DDFF78 - #A2E42B | 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 #DDFF78 to #A2E42B

#DDFF78 #A2E42B

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

#DDFF78 - #A2E42B | 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 #DDFF78 as 0% and #A2E42B as 100%.

0.0%	0.0% #DDFF78	RGB 221 255 120	#DDFF78
16.7%	16.7% #D3FA6B	RGB 211 250 107	#D3FA6B
33.3%	33.3% #C9F65E	RGB 201 246 94	#C9F65E
50.0%	50.0% #BFF151	RGB 191 241 81	#BFF151
66.7%	66.7% #B5ED44	RGB 181 237 68	#B5ED44
83.3%	83.3% #ABE837	RGB 171 232 55	#ABE837
100.0%	100.0% #A2E42B	RGB 162 228 43	#A2E42B

#DDFF78 #D3FA6B #C9F65E #BFF151 #B5ED44 #ABE837 #A2E42B

#DDFF78 - #A2E42B

HSV Blend

#DDFF78 - #A2E42B | 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 #DDFF78 as 0% and #A2E42B as 100%.

0.0%	0.0% #DDFF78	RGB 221 255 120	#DDFF78
16.7%	16.7% #D3FA6A	RGB 211 250 106	#D3FA6A
33.3%	33.3% #CAF65C	RGB 202 246 92	#CAF65C
50.0%	50.0% #C0F14F	RGB 192 241 79	#C0F14F
66.7%	66.7% #B6ED42	RGB 182 237 66	#B6ED42
83.3%	83.3% #ACE836	RGB 172 232 54	#ACE836
100.0%	100.0% #A2E42B	RGB 162 228 43	#A2E42B

#DDFF78 #D3FA6A #CAF65C #C0F14F #B6ED42 #ACE836 #A2E42B

#DDFF78 - #C0F14F - #A2E42B

CSS codes

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

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