#DFB0B0 - #CA5E5A | 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 #DFB0B0 to #CA5E5A

#DFB0B0 #CA5E5A

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

#DFB0B0 - #CA5E5A | 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 #DFB0B0 as 0% and #CA5E5A as 100%.

0.0%	0.0% #DFB0B0	RGB 223 176 176	#DFB0B0
16.7%	16.7% #DBA2A1	RGB 219 162 161	#DBA2A1
33.3%	33.3% #D89493	RGB 216 148 147	#D89493
50.0%	50.0% #D48785	RGB 212 135 133	#D48785
66.7%	66.7% #D17976	RGB 209 121 118	#D17976
83.3%	83.3% #CD6B68	RGB 205 107 104	#CD6B68
100.0%	100.0% #CA5E5A	RGB 202 94 90	#CA5E5A

#DFB0B0 #DBA2A1 #D89493 #D48785 #D17976 #CD6B68 #CA5E5A

#DFB0B0 - #CA5E5A

HSV Blend

#DFB0B0 - #CA5E5A | 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 #DFB0B0 as 0% and #CA5E5A as 100%.

0.0%	0.0% #DFB0B0	RGB 223 176 176	#DFB0B0
16.7%	16.7% #DBA1A0	RGB 219 161 160	#DBA1A0
33.3%	33.3% #D89291	RGB 216 146 145	#D89291
50.0%	50.0% #D48483	RGB 212 132 131	#D48483
66.7%	66.7% #D17775	RGB 209 119 117	#D17775
83.3%	83.3% #CD6A67	RGB 205 106 103	#CD6A67
100.0%	100.0% #CA5E5A	RGB 202 94 90	#CA5E5A

#DFB0B0 #DBA1A0 #D89291 #D48483 #D17775 #CD6A67 #CA5E5A

#DFB0B0 - #D48483 - #CA5E5A

CSS codes

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

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