#DDFF7B - #A2E42D | 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 #DDFF7B to #A2E42D

#DDFF7B #A2E42D

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

#DDFF7B - #A2E42D | 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 #DDFF7B as 0% and #A2E42D as 100%.

0.0%	0.0% #DDFF7B	RGB 221 255 123	#DDFF7B
16.7%	16.7% #D3FA6E	RGB 211 250 110	#D3FA6E
33.3%	33.3% #C9F661	RGB 201 246 97	#C9F661
50.0%	50.0% #BFF154	RGB 191 241 84	#BFF154
66.7%	66.7% #B5ED47	RGB 181 237 71	#B5ED47
83.3%	83.3% #ABE83A	RGB 171 232 58	#ABE83A
100.0%	100.0% #A2E42D	RGB 162 228 45	#A2E42D

#DDFF7B #D3FA6E #C9F661 #BFF154 #B5ED47 #ABE83A #A2E42D

#DDFF7B - #A2E42D

HSV Blend

#DDFF7B - #A2E42D | 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 #DDFF7B as 0% and #A2E42D as 100%.

0.0%	0.0% #DDFF7B	RGB 221 255 123	#DDFF7B
16.7%	16.7% #D3FA6C	RGB 211 250 108	#D3FA6C
33.3%	33.3% #CAF65F	RGB 202 246 95	#CAF65F
50.0%	50.0% #C0F152	RGB 192 241 82	#C0F152
66.7%	66.7% #B6ED45	RGB 182 237 69	#B6ED45
83.3%	83.3% #ACE838	RGB 172 232 56	#ACE838
100.0%	100.0% #A2E42D	RGB 162 228 45	#A2E42D

#DDFF7B #D3FA6C #CAF65F #C0F152 #B6ED45 #ACE838 #A2E42D

#DDFF7B - #C0F152 - #A2E42D

CSS codes

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

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