#FFDD8C - #EDD13E | 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 #FFDD8C to #EDD13E

#FFDD8C #EDD13E

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

#FFDD8C - #EDD13E | 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 #FFDD8C as 0% and #EDD13E as 100%.

0.0%	0.0% #FFDD8C	RGB 255 221 140	#FFDD8C
16.7%	16.7% #FCDB7F	RGB 252 219 127	#FCDB7F
33.3%	33.3% #F9D972	RGB 249 217 114	#F9D972
50.0%	50.0% #F6D765	RGB 246 215 101	#F6D765
66.7%	66.7% #F3D558	RGB 243 213 88	#F3D558
83.3%	83.3% #F0D34B	RGB 240 211 75	#F0D34B
100.0%	100.0% #EDD13E	RGB 237 209 62	#EDD13E

#FFDD8C #FCDB7F #F9D972 #F6D765 #F3D558 #F0D34B #EDD13E

#FFDD8C - #EDD13E

HSV Blend

#FFDD8C - #EDD13E | 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 #FFDD8C as 0% and #EDD13E as 100%.

0.0%	0.0% #FFDD8C	RGB 255 221 140	#FFDD8C
16.7%	16.7% #FCD97E	RGB 252 217 126	#FCD97E
33.3%	33.3% #F9D670	RGB 249 214 112	#F9D670
50.0%	50.0% #F6D463	RGB 246 212 99	#F6D463
66.7%	66.7% #F3D256	RGB 243 210 86	#F3D256
83.3%	83.3% #F0D14A	RGB 240 209 74	#F0D14A
100.0%	100.0% #EDD13E	RGB 237 209 62	#EDD13E

#FFDD8C #FCD97E #F9D670 #F6D463 #F3D256 #F0D14A #EDD13E

#FFDD8C - #F6D463 - #EDD13E

CSS codes

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

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