#FFD4C2 - #CF8958 | 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 #FFD4C2 to #CF8958

#FFD4C2 #CF8958

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

#FFD4C2 - #CF8958 | 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 #FFD4C2 as 0% and #CF8958 as 100%.

0.0%	0.0% #FFD4C2	RGB 255 212 194	#FFD4C2
16.7%	16.7% #F7C7B0	RGB 247 199 176	#F7C7B0
33.3%	33.3% #EFBB9E	RGB 239 187 158	#EFBB9E
50.0%	50.0% #E7AE8D	RGB 231 174 141	#E7AE8D
66.7%	66.7% #DFA27B	RGB 223 162 123	#DFA27B
83.3%	83.3% #D79569	RGB 215 149 105	#D79569
100.0%	100.0% #CF8958	RGB 207 137 88	#CF8958

#FFD4C2 #F7C7B0 #EFBB9E #E7AE8D #DFA27B #D79569 #CF8958

#FFD4C2 - #CF8958

HSV Blend

#FFD4C2 - #CF8958 | 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 #FFD4C2 as 0% and #CF8958 as 100%.

0.0%	0.0% #FFD4C2	RGB 255 212 194	#FFD4C2
16.7%	16.7% #F7C5AE	RGB 247 197 174	#F7C5AE
33.3%	33.3% #EFB79B	RGB 239 183 155	#EFB79B
50.0%	50.0% #E7AA88	RGB 231 170 136	#E7AA88
66.7%	66.7% #DF9E77	RGB 223 158 119	#DF9E77
83.3%	83.3% #D79367	RGB 215 147 103	#D79367
100.0%	100.0% #CF8958	RGB 207 137 88	#CF8958

#FFD4C2 #F7C5AE #EFB79B #E7AA88 #DF9E77 #D79367 #CF8958

#FFD4C2 - #E7AA88 - #CF8958

CSS codes

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

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