#D67A5E - #FEC77C | 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 #D67A5E to #FEC77C

#D67A5E #FEC77C

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

#D67A5E - #FEC77C | 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 #D67A5E as 0% and #FEC77C as 100%.

0.0%	0.0% #D67A5E	RGB 214 122 94	#D67A5E
16.7%	16.7% #DC8663	RGB 220 134 99	#DC8663
33.3%	33.3% #E39368	RGB 227 147 104	#E39368
50.0%	50.0% #EAA06D	RGB 234 160 109	#EAA06D
66.7%	66.7% #F0AD72	RGB 240 173 114	#F0AD72
83.3%	83.3% #F7BA77	RGB 247 186 119	#F7BA77
100.0%	100.0% #FEC77C	RGB 254 199 124	#FEC77C

#D67A5E #DC8663 #E39368 #EAA06D #F0AD72 #F7BA77 #FEC77C

#D67A5E - #FEC77C

HSV Blend

#D67A5E - #FEC77C | 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 #D67A5E as 0% and #FEC77C as 100%.

0.0%	0.0% #D67A5E	RGB 214 122 94	#D67A5E
16.7%	16.7% #DC8662	RGB 220 134 98	#DC8662
33.3%	33.3% #E39267	RGB 227 146 103	#E39267
50.0%	50.0% #EA9F6C	RGB 234 159 108	#EA9F6C
66.7%	66.7% #F0AC71	RGB 240 172 113	#F0AC71
83.3%	83.3% #F7B976	RGB 247 185 118	#F7B976
100.0%	100.0% #FEC77C	RGB 254 199 124	#FEC77C

#D67A5E #DC8662 #E39267 #EA9F6C #F0AC71 #F7B976 #FEC77C

#D67A5E - #EA9F6C - #FEC77C

CSS codes

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

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