#DB8F8F - #F4DFDF | 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 #F4DFDF

#DB8F8F #F4DFDF

Calculate the color between two colors, #DB8F8F and #F4DFDF. 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 - #F4DFDF | 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 #F4DFDF as 100%.

0.0%	0.0% #DB8F8F	RGB 219 143 143	#DB8F8F
16.7%	16.7% #DF9C9C	RGB 223 156 156	#DF9C9C
33.3%	33.3% #E3A9A9	RGB 227 169 169	#E3A9A9
50.0%	50.0% #E7B7B7	RGB 231 183 183	#E7B7B7
66.7%	66.7% #EBC4C4	RGB 235 196 196	#EBC4C4
83.3%	83.3% #EFD1D1	RGB 239 209 209	#EFD1D1
100.0%	100.0% #F4DFDF	RGB 244 223 223	#F4DFDF

#DB8F8F #DF9C9C #E3A9A9 #E7B7B7 #EBC4C4 #EFD1D1 #F4DFDF

#DB8F8F - #F4DFDF

HSV Blend

#DB8F8F - #F4DFDF | 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 #F4DFDF as 100%.

0.0%	0.0% #DB8F8F	RGB 219 143 143	#DB8F8F
16.7%	16.7% #DF9B9B	RGB 223 155 155	#DF9B9B
33.3%	33.3% #E3A8A8	RGB 227 168 168	#E3A8A8
50.0%	50.0% #E7B5B5	RGB 231 181 181	#E7B5B5
66.7%	66.7% #EBC2C2	RGB 235 194 194	#EBC2C2
83.3%	83.3% #EFD0D0	RGB 239 208 208	#EFD0D0
100.0%	100.0% #F4DFDF	RGB 244 223 223	#F4DFDF

#DB8F8F #DF9B9B #E3A8A8 #E7B5B5 #EBC2C2 #EFD0D0 #F4DFDF

#DB8F8F - #E7B5B5 - #F4DFDF

CSS codes

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

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