#DB9F5B - #FFDB7D | 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 #DB9F5B to #FFDB7D

#DB9F5B #FFDB7D

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

#DB9F5B - #FFDB7D | 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 #DB9F5B as 0% and #FFDB7D as 100%.

0.0%	0.0% #DB9F5B	RGB 219 159 91	#DB9F5B
16.7%	16.7% #E1A960	RGB 225 169 96	#E1A960
33.3%	33.3% #E7B366	RGB 231 179 102	#E7B366
50.0%	50.0% #EDBD6C	RGB 237 189 108	#EDBD6C
66.7%	66.7% #F3C771	RGB 243 199 113	#F3C771
83.3%	83.3% #F9D177	RGB 249 209 119	#F9D177
100.0%	100.0% #FFDB7D	RGB 255 219 125	#FFDB7D

#DB9F5B #E1A960 #E7B366 #EDBD6C #F3C771 #F9D177 #FFDB7D

#DB9F5B - #FFDB7D

HSV Blend

#DB9F5B - #FFDB7D | 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 #DB9F5B as 0% and #FFDB7D as 100%.

0.0%	0.0% #DB9F5B	RGB 219 159 91	#DB9F5B
16.7%	16.7% #E1A860	RGB 225 168 96	#E1A860
33.3%	33.3% #E7B265	RGB 231 178 101	#E7B265
50.0%	50.0% #EDBC6B	RGB 237 188 107	#EDBC6B
66.7%	66.7% #F3C671	RGB 243 198 113	#F3C671
83.3%	83.3% #F9D076	RGB 249 208 118	#F9D076
100.0%	100.0% #FFDB7D	RGB 255 219 125	#FFDB7D

#DB9F5B #E1A860 #E7B265 #EDBC6B #F3C671 #F9D076 #FFDB7D

#DB9F5B - #EDBC6B - #FFDB7D

CSS codes

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

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