#FFD4B9 - #CF874C | 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 #FFD4B9 to #CF874C

#FFD4B9 #CF874C

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

#FFD4B9 - #CF874C | 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 #FFD4B9 as 0% and #CF874C as 100%.

0.0%	0.0% #FFD4B9	RGB 255 212 185	#FFD4B9
16.7%	16.7% #F7C7A6	RGB 247 199 166	#F7C7A6
33.3%	33.3% #EFBA94	RGB 239 186 148	#EFBA94
50.0%	50.0% #E7AD82	RGB 231 173 130	#E7AD82
66.7%	66.7% #DFA070	RGB 223 160 112	#DFA070
83.3%	83.3% #D7935E	RGB 215 147 94	#D7935E
100.0%	100.0% #CF874C	RGB 207 135 76	#CF874C

#FFD4B9 #F7C7A6 #EFBA94 #E7AD82 #DFA070 #D7935E #CF874C

#FFD4B9 - #CF874C

HSV Blend

#FFD4B9 - #CF874C | 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 #FFD4B9 as 0% and #CF874C as 100%.

0.0%	0.0% #FFD4B9	RGB 255 212 185	#FFD4B9
16.7%	16.7% #F7C5A4	RGB 247 197 164	#F7C5A4
33.3%	33.3% #EFB790	RGB 239 183 144	#EFB790
50.0%	50.0% #E7AA7E	RGB 231 170 126	#E7AA7E
66.7%	66.7% #DF9D6C	RGB 223 157 108	#DF9D6C
83.3%	83.3% #D7915B	RGB 215 145 91	#D7915B
100.0%	100.0% #CF874C	RGB 207 135 76	#CF874C

#FFD4B9 #F7C5A4 #EFB790 #E7AA7E #DF9D6C #D7915B #CF874C

#FFD4B9 - #E7AA7E - #CF874C

CSS codes

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

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