#DBA7B5 - #A84D67 | 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 #DBA7B5 to #A84D67

#DBA7B5 #A84D67

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

#DBA7B5 - #A84D67 | 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 #DBA7B5 as 0% and #A84D67 as 100%.

0.0%	0.0% #DBA7B5	RGB 219 167 181	#DBA7B5
16.7%	16.7% #D298A8	RGB 210 152 168	#D298A8
33.3%	33.3% #CA899B	RGB 202 137 155	#CA899B
50.0%	50.0% #C17A8E	RGB 193 122 142	#C17A8E
66.7%	66.7% #B96B81	RGB 185 107 129	#B96B81
83.3%	83.3% #B05C74	RGB 176 92 116	#B05C74
100.0%	100.0% #A84D67	RGB 168 77 103	#A84D67

#DBA7B5 #D298A8 #CA899B #C17A8E #B96B81 #B05C74 #A84D67

#DBA7B5 - #A84D67

HSV Blend

#DBA7B5 - #A84D67 | 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 #DBA7B5 as 0% and #A84D67 as 100%.

0.0%	0.0% #DBA7B5	RGB 219 167 181	#DBA7B5
16.7%	16.7% #D295A6	RGB 210 149 166	#D295A6
33.3%	33.3% #CA8598	RGB 202 133 152	#CA8598
50.0%	50.0% #C1768B	RGB 193 118 139	#C1768B
66.7%	66.7% #B9677E	RGB 185 103 126	#B9677E
83.3%	83.3% #B05972	RGB 176 89 114	#B05972
100.0%	100.0% #A84D67	RGB 168 77 103	#A84D67

#DBA7B5 #D295A6 #CA8598 #C1768B #B9677E #B05972 #A84D67

#DBA7B5 - #C1768B - #A84D67

CSS codes

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

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