#D0DB5E - #F1F4D1 | 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 #D0DB5E to #F1F4D1

#D0DB5E #F1F4D1

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

#D0DB5E - #F1F4D1 | 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 #D0DB5E as 0% and #F1F4D1 as 100%.

0.0%	0.0% #D0DB5E	RGB 208 219 94	#D0DB5E
16.7%	16.7% #D5DF71	RGB 213 223 113	#D5DF71
33.3%	33.3% #DBE384	RGB 219 227 132	#DBE384
50.0%	50.0% #E0E797	RGB 224 231 151	#E0E797
66.7%	66.7% #E6EBAA	RGB 230 235 170	#E6EBAA
83.3%	83.3% #EBEFBD	RGB 235 239 189	#EBEFBD
100.0%	100.0% #F1F4D1	RGB 241 244 209	#F1F4D1

#D0DB5E #D5DF71 #DBE384 #E0E797 #E6EBAA #EBEFBD #F1F4D1

#D0DB5E - #F1F4D1

HSV Blend

#D0DB5E - #F1F4D1 | 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 #D0DB5E as 0% and #F1F4D1 as 100%.

0.0%	0.0% #D0DB5E	RGB 208 219 94	#D0DB5E
16.7%	16.7% #D5DF6F	RGB 213 223 111	#D5DF6F
33.3%	33.3% #DAE381	RGB 218 227 129	#DAE381
50.0%	50.0% #E0E794	RGB 224 231 148	#E0E794
66.7%	66.7% #E5EBA8	RGB 229 235 168	#E5EBA8
83.3%	83.3% #EBEFBC	RGB 235 239 188	#EBEFBC
100.0%	100.0% #F1F4D1	RGB 241 244 209	#F1F4D1

#D0DB5E #D5DF6F #DAE381 #E0E794 #E5EBA8 #EBEFBC #F1F4D1

#D0DB5E - #E0E794 - #F1F4D1

CSS codes

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

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