#D0CF5E - #F1EFD1 | 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 #F1EFD1

#D0CF5E #F1EFD1

Calculate the color between two colors, #D0CF5E and #F1EFD1. 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 - #F1EFD1 | 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 #F1EFD1 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% #DBD984	RGB 219 217 132	#DBD984
50.0%	50.0% #E0DF97	RGB 224 223 151	#E0DF97
66.7%	66.7% #E6E4AA	RGB 230 228 170	#E6E4AA
83.3%	83.3% #EBE9BD	RGB 235 233 189	#EBE9BD
100.0%	100.0% #F1EFD1	RGB 241 239 209	#F1EFD1

#D0CF5E #D5D471 #DBD984 #E0DF97 #E6E4AA #EBE9BD #F1EFD1

#D0CF5E - #F1EFD1

HSV Blend

#D0CF5E - #F1EFD1 | 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 #F1EFD1 as 100%.

0.0%	0.0% #D0CF5E	RGB 208 207 94	#D0CF5E
16.7%	16.7% #D5D36F	RGB 213 211 111	#D5D36F
33.3%	33.3% #DBD881	RGB 219 216 129	#DBD881
50.0%	50.0% #E0DD94	RGB 224 221 148	#E0DD94
66.7%	66.7% #E6E3A7	RGB 230 227 167	#E6E3A7
83.3%	83.3% #EBE8BB	RGB 235 232 187	#EBE8BB
100.0%	100.0% #F1EFD1	RGB 241 239 209	#F1EFD1

#D0CF5E #D5D36F #DBD881 #E0DD94 #E6E3A7 #EBE8BB #F1EFD1

#D0CF5E - #E0DD94 - #F1EFD1

CSS codes

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

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