#D66F5E - #FEC07C | 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 #D66F5E to #FEC07C

#D66F5E #FEC07C

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

#D66F5E - #FEC07C | 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 #D66F5E as 0% and #FEC07C as 100%.

0.0%	0.0% #D66F5E	RGB 214 111 94	#D66F5E
16.7%	16.7% #DC7C63	RGB 220 124 99	#DC7C63
33.3%	33.3% #E38A68	RGB 227 138 104	#E38A68
50.0%	50.0% #EA976D	RGB 234 151 109	#EA976D
66.7%	66.7% #F0A572	RGB 240 165 114	#F0A572
83.3%	83.3% #F7B277	RGB 247 178 119	#F7B277
100.0%	100.0% #FEC07C	RGB 254 192 124	#FEC07C

#D66F5E #DC7C63 #E38A68 #EA976D #F0A572 #F7B277 #FEC07C

#D66F5E - #FEC07C

HSV Blend

#D66F5E - #FEC07C | 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 #D66F5E as 0% and #FEC07C as 100%.

0.0%	0.0% #D66F5E	RGB 214 111 94	#D66F5E
16.7%	16.7% #DC7B62	RGB 220 123 98	#DC7B62
33.3%	33.3% #E38867	RGB 227 136 103	#E38867
50.0%	50.0% #EA966C	RGB 234 150 108	#EA966C
66.7%	66.7% #F0A371	RGB 240 163 113	#F0A371
83.3%	83.3% #F7B176	RGB 247 177 118	#F7B176
100.0%	100.0% #FEC07C	RGB 254 192 124	#FEC07C

#D66F5E #DC7B62 #E38867 #EA966C #F0A371 #F7B176 #FEC07C

#D66F5E - #EA966C - #FEC07C

CSS codes

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

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