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

#DB8F8F #DEBEC8

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

0.0%	0.0% #DB8F8F	RGB 219 143 143	#DB8F8F
16.7%	16.7% #DB9698	RGB 219 150 152	#DB9698
33.3%	33.3% #DC9EA2	RGB 220 158 162	#DC9EA2
50.0%	50.0% #DCA6AB	RGB 220 166 171	#DCA6AB
66.7%	66.7% #DDAEB5	RGB 221 174 181	#DDAEB5
83.3%	83.3% #DDB6BE	RGB 221 182 190	#DDB6BE
100.0%	100.0% #DEBEC8	RGB 222 190 200	#DEBEC8

#DB8F8F #DB9698 #DC9EA2 #DCA6AB #DDAEB5 #DDB6BE #DEBEC8

#DB8F8F - #DEBEC8

HSV Blend

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

0.0%	0.0% #DB8F8F	RGB 219 143 143	#DB8F8F
16.7%	16.7% #DB969A	RGB 219 150 154	#DB969A
33.3%	33.3% #DC9EA4	RGB 220 158 164	#DC9EA4
50.0%	50.0% #DCA6AE	RGB 220 166 174	#DCA6AE
66.7%	66.7% #DDAEB7	RGB 221 174 183	#DDAEB7
83.3%	83.3% #DDB6C0	RGB 221 182 192	#DDB6C0
100.0%	100.0% #DEBEC8	RGB 222 190 200	#DEBEC8

#DB8F8F #DB969A #DC9EA4 #DCA6AE #DDAEB7 #DDB6C0 #DEBEC8

#DB8F8F - #DCA6AE - #DEBEC8

CSS codes

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

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