#DBB2B9 - #A85C6C | 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 #DBB2B9 to #A85C6C

#DBB2B9 #A85C6C

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

#DBB2B9 - #A85C6C | 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 #DBB2B9 as 0% and #A85C6C as 100%.

0.0%	0.0% #DBB2B9	RGB 219 178 185	#DBB2B9
16.7%	16.7% #D2A3AC	RGB 210 163 172	#D2A3AC
33.3%	33.3% #CA959F	RGB 202 149 159	#CA959F
50.0%	50.0% #C18792	RGB 193 135 146	#C18792
66.7%	66.7% #B97885	RGB 185 120 133	#B97885
83.3%	83.3% #B06A78	RGB 176 106 120	#B06A78
100.0%	100.0% #A85C6C	RGB 168 92 108	#A85C6C

#DBB2B9 #D2A3AC #CA959F #C18792 #B97885 #B06A78 #A85C6C

#DBB2B9 - #A85C6C

HSV Blend

#DBB2B9 - #A85C6C | 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 #DBB2B9 as 0% and #A85C6C as 100%.

0.0%	0.0% #DBB2B9	RGB 219 178 185	#DBB2B9
16.7%	16.7% #D2A1AA	RGB 210 161 170	#D2A1AA
33.3%	33.3% #CA929C	RGB 202 146 156	#CA929C
50.0%	50.0% #C1838F	RGB 193 131 143	#C1838F
66.7%	66.7% #B97582	RGB 185 117 130	#B97582
83.3%	83.3% #B06877	RGB 176 104 119	#B06877
100.0%	100.0% #A85C6C	RGB 168 92 108	#A85C6C

#DBB2B9 #D2A1AA #CA929C #C1838F #B97582 #B06877 #A85C6C

#DBB2B9 - #C1838F - #A85C6C

CSS codes

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

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