#DDFF70 - #FFDB9F | 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 #DDFF70 to #FFDB9F

#DDFF70 #FFDB9F

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

#DDFF70 - #FFDB9F | 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 #DDFF70 as 0% and #FFDB9F as 100%.

0.0%	0.0% #DDFF70	RGB 221 255 112	#DDFF70
16.7%	16.7% #E2F977	RGB 226 249 119	#E2F977
33.3%	33.3% #E8F37F	RGB 232 243 127	#E8F37F
50.0%	50.0% #EEED87	RGB 238 237 135	#EEED87
66.7%	66.7% #F3E78F	RGB 243 231 143	#F3E78F
83.3%	83.3% #F9E197	RGB 249 225 151	#F9E197
100.0%	100.0% #FFDB9F	RGB 255 219 159	#FFDB9F

#DDFF70 #E2F977 #E8F37F #EEED87 #F3E78F #F9E197 #FFDB9F

#DDFF70 - #FFDB9F

HSV Blend

#DDFF70 - #FFDB9F | 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 #DDFF70 as 0% and #FFDB9F as 100%.

0.0%	0.0% #DDFF70	RGB 221 255 112	#DDFF70
16.7%	16.7% #ECFF77	RGB 236 255 119	#ECFF77
33.3%	33.3% #FAFF7F	RGB 250 255 127	#FAFF7F
50.0%	50.0% #FFF687	RGB 255 246 135	#FFF687
66.7%	66.7% #FFEB8F	RGB 255 235 143	#FFEB8F
83.3%	83.3% #FFE297	RGB 255 226 151	#FFE297
100.0%	100.0% #FFDB9F	RGB 255 219 159	#FFDB9F

#DDFF70 #ECFF77 #FAFF7F #FFF687 #FFEB8F #FFE297 #FFDB9F

#DDFF70 - #FFF687 - #FFDB9F

CSS codes

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

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