#C99F5E - #FFEF7C | 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 #C99F5E to #FFEF7C

#C99F5E #FFEF7C

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

#C99F5E - #FFEF7C | 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 #C99F5E as 0% and #FFEF7C as 100%.

0.0%	0.0% #C99F5E	RGB 201 159 94	#C99F5E
16.7%	16.7% #D2AC63	RGB 210 172 99	#D2AC63
33.3%	33.3% #DBB968	RGB 219 185 104	#DBB968
50.0%	50.0% #E4C76D	RGB 228 199 109	#E4C76D
66.7%	66.7% #EDD472	RGB 237 212 114	#EDD472
83.3%	83.3% #F6E177	RGB 246 225 119	#F6E177
100.0%	100.0% #FFEF7C	RGB 255 239 124	#FFEF7C

#C99F5E #D2AC63 #DBB968 #E4C76D #EDD472 #F6E177 #FFEF7C

#C99F5E - #FFEF7C

HSV Blend

#C99F5E - #FFEF7C | 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 #C99F5E as 0% and #FFEF7C as 100%.

0.0%	0.0% #C99F5E	RGB 201 159 94	#C99F5E
16.7%	16.7% #D2AB62	RGB 210 171 98	#D2AB62
33.3%	33.3% #DBB867	RGB 219 184 103	#DBB867
50.0%	50.0% #E4C56C	RGB 228 197 108	#E4C56C
66.7%	66.7% #EDD271	RGB 237 210 113	#EDD271
83.3%	83.3% #F6E076	RGB 246 224 118	#F6E076
100.0%	100.0% #FFEF7C	RGB 255 239 124	#FFEF7C

#C99F5E #D2AB62 #DBB867 #E4C56C #EDD271 #F6E076 #FFEF7C

#C99F5E - #E4C56C - #FFEF7C

CSS codes

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

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