#FFD44B - #DBFE66 | 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 #FFD44B to #DBFE66

#FFD44B #DBFE66

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

#FFD44B - #DBFE66 | 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 #FFD44B as 0% and #DBFE66 as 100%.

0.0%	0.0% #FFD44B	RGB 255 212 75	#FFD44B
16.7%	16.7% #F9DB4F	RGB 249 219 79	#F9DB4F
33.3%	33.3% #F3E254	RGB 243 226 84	#F3E254
50.0%	50.0% #EDE958	RGB 237 233 88	#EDE958
66.7%	66.7% #E7F05D	RGB 231 240 93	#E7F05D
83.3%	83.3% #E1F761	RGB 225 247 97	#E1F761
100.0%	100.0% #DBFE66	RGB 219 254 102	#DBFE66

#FFD44B #F9DB4F #F3E254 #EDE958 #E7F05D #E1F761 #DBFE66

#FFD44B - #DBFE66

HSV Blend

#FFD44B - #DBFE66 | 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 #FFD44B as 0% and #DBFE66 as 100%.

0.0%	0.0% #FFD44B	RGB 255 212 75	#FFD44B
16.7%	16.7% #FEE24F	RGB 254 226 79	#FEE24F
33.3%	33.3% #FEF054	RGB 254 240 84	#FEF054
50.0%	50.0% #FEFD58	RGB 254 253 88	#FEFD58
66.7%	66.7% #F2FE5D	RGB 242 254 93	#F2FE5D
83.3%	83.3% #E6FE61	RGB 230 254 97	#E6FE61
100.0%	100.0% #DBFE66	RGB 219 254 102	#DBFE66

#FFD44B #FEE24F #FEF054 #FEFD58 #F2FE5D #E6FE61 #DBFE66

#FFD44B - #FEFD58 - #DBFE66

CSS codes

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

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