#DB8F9A - #FFDAB1 | 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 #DB8F9A to #FFDAB1

#DB8F9A #FFDAB1

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

#DB8F9A - #FFDAB1 | 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 #DB8F9A as 0% and #FFDAB1 as 100%.

0.0%	0.0% #DB8F9A	RGB 219 143 154	#DB8F9A
16.7%	16.7% #E19B9D	RGB 225 155 157	#E19B9D
33.3%	33.3% #E7A8A1	RGB 231 168 161	#E7A8A1
50.0%	50.0% #EDB4A5	RGB 237 180 165	#EDB4A5
66.7%	66.7% #F3C1A9	RGB 243 193 169	#F3C1A9
83.3%	83.3% #F9CDAD	RGB 249 205 173	#F9CDAD
100.0%	100.0% #FFDAB1	RGB 255 218 177	#FFDAB1

#DB8F9A #E19B9D #E7A8A1 #EDB4A5 #F3C1A9 #F9CDAD #FFDAB1

#DB8F9A - #FFDAB1

HSV Blend

#DB8F9A - #FFDAB1 | 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 #DB8F9A as 0% and #FFDAB1 as 100%.

0.0%	0.0% #DB8F99	RGB 219 143 153	#DB8F99
16.7%	16.7% #E19496	RGB 225 148 150	#E19496
33.3%	33.3% #E7A09A	RGB 231 160 154	#E7A09A
50.0%	50.0% #EDAE9F	RGB 237 174 159	#EDAE9F
66.7%	66.7% #F3BCA5	RGB 243 188 165	#F3BCA5
83.3%	83.3% #F9CBAB	RGB 249 203 171	#F9CBAB
100.0%	100.0% #FFDAB1	RGB 255 218 177	#FFDAB1

#DB8F99 #E19496 #E7A09A #EDAE9F #F3BCA5 #F9CBAB #FFDAB1

#DB8F9A - #EDAE9F - #FFDAB1

CSS codes

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

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