#DDB554 - #F5E9CE | 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 #DDB554 to #F5E9CE

#DDB554 #F5E9CE

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

#DDB554 - #F5E9CE | 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 #DDB554 as 0% and #F5E9CE as 100%.

0.0%	0.0% #DDB554	RGB 221 181 84	#DDB554
16.7%	16.7% #E1BD68	RGB 225 189 104	#E1BD68
33.3%	33.3% #E5C67C	RGB 229 198 124	#E5C67C
50.0%	50.0% #E9CF91	RGB 233 207 145	#E9CF91
66.7%	66.7% #EDD7A5	RGB 237 215 165	#EDD7A5
83.3%	83.3% #F1E0B9	RGB 241 224 185	#F1E0B9
100.0%	100.0% #F5E9CE	RGB 245 233 206	#F5E9CE

#DDB554 #E1BD68 #E5C67C #E9CF91 #EDD7A5 #F1E0B9 #F5E9CE

#DDB554 - #F5E9CE

HSV Blend

#DDB554 - #F5E9CE | 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 #DDB554 as 0% and #F5E9CE as 100%.

0.0%	0.0% #DDB554	RGB 221 181 84	#DDB554
16.7%	16.7% #E1BD66	RGB 225 189 102	#E1BD66
33.3%	33.3% #E5C57A	RGB 229 197 122	#E5C57A
50.0%	50.0% #E9CD8E	RGB 233 205 142	#E9CD8E
66.7%	66.7% #EDD6A2	RGB 237 214 162	#EDD6A2
83.3%	83.3% #F1DFB8	RGB 241 223 184	#F1DFB8
100.0%	100.0% #F5E9CE	RGB 245 233 206	#F5E9CE

#DDB554 #E1BD66 #E5C57A #E9CD8E #EDD6A2 #F1DFB8 #F5E9CE

#DDB554 - #E9CD8E - #F5E9CE

CSS codes

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

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