#DB8F8F - #FCDDB4 | 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 #DB8F8F to #FCDDB4

#DB8F8F #FCDDB4

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

#DB8F8F - #FCDDB4 | 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 #DB8F8F as 0% and #FCDDB4 as 100%.

0.0%	0.0% #DB8F8F	RGB 219 143 143	#DB8F8F
16.7%	16.7% #E09C95	RGB 224 156 149	#E09C95
33.3%	33.3% #E6A99B	RGB 230 169 155	#E6A99B
50.0%	50.0% #EBB6A1	RGB 235 182 161	#EBB6A1
66.7%	66.7% #F1C3A7	RGB 241 195 167	#F1C3A7
83.3%	83.3% #F6D0AD	RGB 246 208 173	#F6D0AD
100.0%	100.0% #FCDDB4	RGB 252 221 180	#FCDDB4

#DB8F8F #E09C95 #E6A99B #EBB6A1 #F1C3A7 #F6D0AD #FCDDB4

#DB8F8F - #FCDDB4

HSV Blend

#DB8F8F - #FCDDB4 | 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 #DB8F8F as 0% and #FCDDB4 as 100%.

0.0%	0.0% #DB8F8F	RGB 219 143 143	#DB8F8F
16.7%	16.7% #E09C94	RGB 224 156 148	#E09C94
33.3%	33.3% #E6A99A	RGB 230 169 154	#E6A99A
50.0%	50.0% #EBB6A0	RGB 235 182 160	#EBB6A0
66.7%	66.7% #F1C3A7	RGB 241 195 167	#F1C3A7
83.3%	83.3% #F6D0AD	RGB 246 208 173	#F6D0AD
100.0%	100.0% #FCDDB4	RGB 252 221 180	#FCDDB4

#DB8F8F #E09C94 #E6A99A #EBB6A0 #F1C3A7 #F6D0AD #FCDDB4

#DB8F8F - #EBB6A0 - #FCDDB4

CSS codes

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

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