#CF8F78 - #FFD699 | 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 #CF8F78 to #FFD699

#CF8F78 #FFD699

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

#CF8F78 - #FFD699 | 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 #CF8F78 as 0% and #FFD699 as 100%.

0.0%	0.0% #CF8F78	RGB 207 143 120	#CF8F78
16.7%	16.7% #D79A7D	RGB 215 154 125	#D79A7D
33.3%	33.3% #DFA683	RGB 223 166 131	#DFA683
50.0%	50.0% #E7B288	RGB 231 178 136	#E7B288
66.7%	66.7% #EFBE8E	RGB 239 190 142	#EFBE8E
83.3%	83.3% #F7CA93	RGB 247 202 147	#F7CA93
100.0%	100.0% #FFD699	RGB 255 214 153	#FFD699

#CF8F78 #D79A7D #DFA683 #E7B288 #EFBE8E #F7CA93 #FFD699

#CF8F78 - #FFD699

HSV Blend

#CF8F78 - #FFD699 | 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 #CF8F78 as 0% and #FFD699 as 100%.

0.0%	0.0% #CF8F78	RGB 207 143 120	#CF8F78
16.7%	16.7% #D79A7D	RGB 215 154 125	#D79A7D
33.3%	33.3% #DFA582	RGB 223 165 130	#DFA582
50.0%	50.0% #E7B188	RGB 231 177 136	#E7B188
66.7%	66.7% #EFBD8D	RGB 239 189 141	#EFBD8D
83.3%	83.3% #F7C993	RGB 247 201 147	#F7C993
100.0%	100.0% #FFD699	RGB 255 214 153	#FFD699

#CF8F78 #D79A7D #DFA582 #E7B188 #EFBD8D #F7C993 #FFD699

#CF8F78 - #E7B188 - #FFD699

CSS codes

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

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