#DFDF91 - #FFF0B0 | 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 #DFDF91 to #FFF0B0

#DFDF91 #FFF0B0

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

#DFDF91 - #FFF0B0 | 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 #DFDF91 as 0% and #FFF0B0 as 100%.

0.0%	0.0% #DFDF91	RGB 223 223 145	#DFDF91
16.7%	16.7% #E4E196	RGB 228 225 150	#E4E196
33.3%	33.3% #E9E49B	RGB 233 228 155	#E9E49B
50.0%	50.0% #EFE7A0	RGB 239 231 160	#EFE7A0
66.7%	66.7% #F4EAA5	RGB 244 234 165	#F4EAA5
83.3%	83.3% #F9EDAA	RGB 249 237 170	#F9EDAA
100.0%	100.0% #FFF0B0	RGB 255 240 176	#FFF0B0

#DFDF91 #E4E196 #E9E49B #EFE7A0 #F4EAA5 #F9EDAA #FFF0B0

#DFDF91 - #FFF0B0

HSV Blend

#DFDF91 - #FFF0B0 | 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 #DFDF91 as 0% and #FFF0B0 as 100%.

0.0%	0.0% #DFDF91	RGB 223 223 145	#DFDF91
16.7%	16.7% #E4E195	RGB 228 225 149	#E4E195
33.3%	33.3% #E9E49B	RGB 233 228 155	#E9E49B
50.0%	50.0% #EFE7A0	RGB 239 231 160	#EFE7A0
66.7%	66.7% #F4EAA5	RGB 244 234 165	#F4EAA5
83.3%	83.3% #F9EDAA	RGB 249 237 170	#F9EDAA
100.0%	100.0% #FFF0B0	RGB 255 240 176	#FFF0B0

#DFDF91 #E4E195 #E9E49B #EFE7A0 #F4EAA5 #F9EDAA #FFF0B0

#DFDF91 - #EFE7A0 - #FFF0B0

CSS codes

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

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