#CF8C4D - #FFCD6B | 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 #CF8C4D to #FFCD6B

#CF8C4D #FFCD6B

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

#CF8C4D - #FFCD6B | 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 #CF8C4D as 0% and #FFCD6B as 100%.

0.0%	0.0% #CF8C4D	RGB 207 140 77	#CF8C4D
16.7%	16.7% #D79652	RGB 215 150 82	#D79652
33.3%	33.3% #DFA157	RGB 223 161 87	#DFA157
50.0%	50.0% #E7AC5C	RGB 231 172 92	#E7AC5C
66.7%	66.7% #EFB761	RGB 239 183 97	#EFB761
83.3%	83.3% #F7C266	RGB 247 194 102	#F7C266
100.0%	100.0% #FFCD6B	RGB 255 205 107	#FFCD6B

#CF8C4D #D79652 #DFA157 #E7AC5C #EFB761 #F7C266 #FFCD6B

#CF8C4D - #FFCD6B

HSV Blend

#CF8C4D - #FFCD6B | 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 #CF8C4D as 0% and #FFCD6B as 100%.

0.0%	0.0% #CF8C4D	RGB 207 140 77	#CF8C4D
16.7%	16.7% #D79651	RGB 215 150 81	#D79651
33.3%	33.3% #DFA056	RGB 223 160 86	#DFA056
50.0%	50.0% #E7AB5B	RGB 231 171 91	#E7AB5B
66.7%	66.7% #EFB660	RGB 239 182 96	#EFB660
83.3%	83.3% #F7C165	RGB 247 193 101	#F7C165
100.0%	100.0% #FFCD6B	RGB 255 205 107	#FFCD6B

#CF8C4D #D79651 #DFA056 #E7AB5B #EFB660 #F7C165 #FFCD6B

#CF8C4D - #E7AB5B - #FFCD6B

CSS codes

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

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