#DBADA4 - #C2604E | 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 #DBADA4 to #C2604E

#DBADA4 #C2604E

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

#DBADA4 - #C2604E | 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 #DBADA4 as 0% and #C2604E as 100%.

0.0%	0.0% #DBADA4	RGB 219 173 164	#DBADA4
16.7%	16.7% #D6A095	RGB 214 160 149	#D6A095
33.3%	33.3% #D29387	RGB 210 147 135	#D29387
50.0%	50.0% #CE8679	RGB 206 134 121	#CE8679
66.7%	66.7% #CA796A	RGB 202 121 106	#CA796A
83.3%	83.3% #C66C5C	RGB 198 108 92	#C66C5C
100.0%	100.0% #C2604E	RGB 194 96 78	#C2604E

#DBADA4 #D6A095 #D29387 #CE8679 #CA796A #C66C5C #C2604E

#DBADA4 - #C2604E

HSV Blend

#DBADA4 - #C2604E | 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 #DBADA4 as 0% and #C2604E as 100%.

0.0%	0.0% #DBADA4	RGB 219 173 164	#DBADA4
16.7%	16.7% #D69F94	RGB 214 159 148	#D69F94
33.3%	33.3% #D29185	RGB 210 145 133	#D29185
50.0%	50.0% #CE8476	RGB 206 132 118	#CE8476
66.7%	66.7% #CA7868	RGB 202 120 104	#CA7868
83.3%	83.3% #C66B5B	RGB 198 107 91	#C66B5B
100.0%	100.0% #C2604E	RGB 194 96 78	#C2604E

#DBADA4 #D69F94 #D29185 #CE8476 #CA7868 #C66B5B #C2604E

#DBADA4 - #CE8476 - #C2604E

CSS codes

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

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