#DCB251 - #F5E9CD | 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 #DCB251 to #F5E9CD

#DCB251 #F5E9CD

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

#DCB251 - #F5E9CD | 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 #DCB251 as 0% and #F5E9CD as 100%.

0.0%	0.0% #DCB251	RGB 220 178 81	#DCB251
16.7%	16.7% #E0BB65	RGB 224 187 101	#E0BB65
33.3%	33.3% #E4C47A	RGB 228 196 122	#E4C47A
50.0%	50.0% #E8CD8F	RGB 232 205 143	#E8CD8F
66.7%	66.7% #ECD6A3	RGB 236 214 163	#ECD6A3
83.3%	83.3% #F0DFB8	RGB 240 223 184	#F0DFB8
100.0%	100.0% #F5E9CD	RGB 245 233 205	#F5E9CD

#DCB251 #E0BB65 #E4C47A #E8CD8F #ECD6A3 #F0DFB8 #F5E9CD

#DCB251 - #F5E9CD

HSV Blend

#DCB251 - #F5E9CD | 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 #DCB251 as 0% and #F5E9CD as 100%.

0.0%	0.0% #DCB251	RGB 220 178 81	#DCB251
16.7%	16.7% #E0BA64	RGB 224 186 100	#E0BA64
33.3%	33.3% #E4C377	RGB 228 195 119	#E4C377
50.0%	50.0% #E8CC8C	RGB 232 204 140	#E8CC8C
66.7%	66.7% #ECD5A1	RGB 236 213 161	#ECD5A1
83.3%	83.3% #F0DFB6	RGB 240 223 182	#F0DFB6
100.0%	100.0% #F5E9CD	RGB 245 233 205	#F5E9CD

#DCB251 #E0BA64 #E4C377 #E8CC8C #ECD5A1 #F0DFB6 #F5E9CD

#DCB251 - #E8CC8C - #F5E9CD

CSS codes

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

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