#DD8F85 - #FCDBA8 | 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 #DD8F85 to #FCDBA8

#DD8F85 #FCDBA8

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

#DD8F85 - #FCDBA8 | 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 #DD8F85 as 0% and #FCDBA8 as 100%.

0.0%	0.0% #DD8F85	RGB 221 143 133	#DD8F85
16.7%	16.7% #E29B8A	RGB 226 155 138	#E29B8A
33.3%	33.3% #E7A890	RGB 231 168 144	#E7A890
50.0%	50.0% #ECB596	RGB 236 181 150	#ECB596
66.7%	66.7% #F1C19C	RGB 241 193 156	#F1C19C
83.3%	83.3% #F6CEA2	RGB 246 206 162	#F6CEA2
100.0%	100.0% #FCDBA8	RGB 252 219 168	#FCDBA8

#DD8F85 #E29B8A #E7A890 #ECB596 #F1C19C #F6CEA2 #FCDBA8

#DD8F85 - #FCDBA8

HSV Blend

#DD8F85 - #FCDBA8 | 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 #DD8F85 as 0% and #FCDBA8 as 100%.

0.0%	0.0% #DD8F85	RGB 221 143 133	#DD8F85
16.7%	16.7% #E29B8A	RGB 226 155 138	#E29B8A
33.3%	33.3% #E7A890	RGB 231 168 144	#E7A890
50.0%	50.0% #ECB595	RGB 236 181 149	#ECB595
66.7%	66.7% #F1C19B	RGB 241 193 155	#F1C19B
83.3%	83.3% #F6CEA1	RGB 246 206 161	#F6CEA1
100.0%	100.0% #FCDBA8	RGB 252 219 168	#FCDBA8

#DD8F85 #E29B8A #E7A890 #ECB595 #F1C19B #F6CEA1 #FCDBA8

#DD8F85 - #ECB595 - #FCDBA8

CSS codes

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

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