#D0CF5E - #F1F0D1 | 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 #D0CF5E to #F1F0D1

#D0CF5E #F1F0D1

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

#D0CF5E - #F1F0D1 | 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 #D0CF5E as 0% and #F1F0D1 as 100%.

0.0%	0.0% #D0CF5E	RGB 208 207 94	#D0CF5E
16.7%	16.7% #D5D471	RGB 213 212 113	#D5D471
33.3%	33.3% #DBDA84	RGB 219 218 132	#DBDA84
50.0%	50.0% #E0DF97	RGB 224 223 151	#E0DF97
66.7%	66.7% #E6E5AA	RGB 230 229 170	#E6E5AA
83.3%	83.3% #EBEABD	RGB 235 234 189	#EBEABD
100.0%	100.0% #F1F0D1	RGB 241 240 209	#F1F0D1

#D0CF5E #D5D471 #DBDA84 #E0DF97 #E6E5AA #EBEABD #F1F0D1

#D0CF5E - #F1F0D1

HSV Blend

#D0CF5E - #F1F0D1 | 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 #D0CF5E as 0% and #F1F0D1 as 100%.

0.0%	0.0% #D0CF5E	RGB 208 207 94	#D0CF5E
16.7%	16.7% #D5D46F	RGB 213 212 111	#D5D46F
33.3%	33.3% #DBD981	RGB 219 217 129	#DBD981
50.0%	50.0% #E0DE94	RGB 224 222 148	#E0DE94
66.7%	66.7% #E6E4A7	RGB 230 228 167	#E6E4A7
83.3%	83.3% #EBEABB	RGB 235 234 187	#EBEABB
100.0%	100.0% #F1F0D1	RGB 241 240 209	#F1F0D1

#D0CF5E #D5D46F #DBD981 #E0DE94 #E6E4A7 #EBEABB #F1F0D1

#D0CF5E - #E0DE94 - #F1F0D1

CSS codes

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

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