#CF8C7A - #FED59B | 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 #CF8C7A to #FED59B

#CF8C7A #FED59B

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

#CF8C7A - #FED59B | 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 #CF8C7A as 0% and #FED59B as 100%.

0.0%	0.0% #CF8C7A	RGB 207 140 122	#CF8C7A
16.7%	16.7% #D6987F	RGB 214 152 127	#D6987F
33.3%	33.3% #DEA485	RGB 222 164 133	#DEA485
50.0%	50.0% #E6B08A	RGB 230 176 138	#E6B08A
66.7%	66.7% #EEBC90	RGB 238 188 144	#EEBC90
83.3%	83.3% #F6C895	RGB 246 200 149	#F6C895
100.0%	100.0% #FED59B	RGB 254 213 155	#FED59B

#CF8C7A #D6987F #DEA485 #E6B08A #EEBC90 #F6C895 #FED59B

#CF8C7A - #FED59B

HSV Blend

#CF8C7A - #FED59B | 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 #CF8C7A as 0% and #FED59B as 100%.

0.0%	0.0% #CF8C7A	RGB 207 140 122	#CF8C7A
16.7%	16.7% #D6977F	RGB 214 151 127	#D6977F
33.3%	33.3% #DEA384	RGB 222 163 132	#DEA384
50.0%	50.0% #E6AF8A	RGB 230 175 138	#E6AF8A
66.7%	66.7% #EEBB8F	RGB 238 187 143	#EEBB8F
83.3%	83.3% #F6C895	RGB 246 200 149	#F6C895
100.0%	100.0% #FED59B	RGB 254 213 155	#FED59B

#CF8C7A #D6977F #DEA384 #E6AF8A #EEBB8F #F6C895 #FED59B

#CF8C7A - #E6AF8A - #FED59B

CSS codes

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

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