#FDDE6B - #DBBE21 | 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 #FDDE6B to #DBBE21

#FDDE6B #DBBE21

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

#FDDE6B - #DBBE21 | 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 #FDDE6B as 0% and #DBBE21 as 100%.

0.0%	0.0% #FDDE6B	RGB 253 222 107	#FDDE6B
16.7%	16.7% #F7D85E	RGB 247 216 94	#F7D85E
33.3%	33.3% #F1D352	RGB 241 211 82	#F1D352
50.0%	50.0% #ECCE46	RGB 236 206 70	#ECCE46
66.7%	66.7% #E6C839	RGB 230 200 57	#E6C839
83.3%	83.3% #E0C32D	RGB 224 195 45	#E0C32D
100.0%	100.0% #DBBE21	RGB 219 190 33	#DBBE21

#FDDE6B #F7D85E #F1D352 #ECCE46 #E6C839 #E0C32D #DBBE21

#FDDE6B - #DBBE21

HSV Blend

#FDDE6B - #DBBE21 | 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 #FDDE6B as 0% and #DBBE21 as 100%.

0.0%	0.0% #FDDE6B	RGB 253 222 107	#FDDE6B
16.7%	16.7% #F7D85D	RGB 247 216 93	#F7D85D
33.3%	33.3% #F1D250	RGB 241 210 80	#F1D250
50.0%	50.0% #ECCD43	RGB 236 205 67	#ECCD43
66.7%	66.7% #E6C737	RGB 230 199 55	#E6C737
83.3%	83.3% #E0C22C	RGB 224 194 44	#E0C22C
100.0%	100.0% #DBBE21	RGB 219 190 33	#DBBE21

#FDDE6B #F7D85D #F1D250 #ECCD43 #E6C737 #E0C22C #DBBE21

#FDDE6B - #ECCD43 - #DBBE21

CSS codes

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

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