#D67D5E - #FEC97C | 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 #D67D5E to #FEC97C

#D67D5E #FEC97C

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

#D67D5E - #FEC97C | 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 #D67D5E as 0% and #FEC97C as 100%.

0.0%	0.0% #D67D5E	RGB 214 125 94	#D67D5E
16.7%	16.7% #DC8963	RGB 220 137 99	#DC8963
33.3%	33.3% #E39668	RGB 227 150 104	#E39668
50.0%	50.0% #EAA36D	RGB 234 163 109	#EAA36D
66.7%	66.7% #F0AF72	RGB 240 175 114	#F0AF72
83.3%	83.3% #F7BC77	RGB 247 188 119	#F7BC77
100.0%	100.0% #FEC97C	RGB 254 201 124	#FEC97C

#D67D5E #DC8963 #E39668 #EAA36D #F0AF72 #F7BC77 #FEC97C

#D67D5E - #FEC97C

HSV Blend

#D67D5E - #FEC97C | 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 #D67D5E as 0% and #FEC97C as 100%.

0.0%	0.0% #D67D5E	RGB 214 125 94	#D67D5E
16.7%	16.7% #DC8962	RGB 220 137 98	#DC8962
33.3%	33.3% #E39567	RGB 227 149 103	#E39567
50.0%	50.0% #EAA16C	RGB 234 161 108	#EAA16C
66.7%	66.7% #F0AE71	RGB 240 174 113	#F0AE71
83.3%	83.3% #F7BB76	RGB 247 187 118	#F7BB76
100.0%	100.0% #FEC97C	RGB 254 201 124	#FEC97C

#D67D5E #DC8962 #E39567 #EAA16C #F0AE71 #F7BB76 #FEC97C

#D67D5E - #EAA16C - #FEC97C

CSS codes

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

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