#DB8C9B - #A1344D | 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 #DB8C9B to #A1344D

#DB8C9B #A1344D

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

#DB8C9B - #A1344D | 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 #DB8C9B as 0% and #A1344D as 100%.

0.0%	0.0% #DB8C9B	RGB 219 140 155	#DB8C9B
16.7%	16.7% #D17D8E	RGB 209 125 142	#D17D8E
33.3%	33.3% #C76E81	RGB 199 110 129	#C76E81
50.0%	50.0% #BE6074	RGB 190 96 116	#BE6074
66.7%	66.7% #B45167	RGB 180 81 103	#B45167
83.3%	83.3% #AA425A	RGB 170 66 90	#AA425A
100.0%	100.0% #A1344D	RGB 161 52 77	#A1344D

#DB8C9B #D17D8E #C76E81 #BE6074 #B45167 #AA425A #A1344D

#DB8C9B - #A1344D

HSV Blend

#DB8C9B - #A1344D | 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 #DB8C9B as 0% and #A1344D as 100%.

0.0%	0.0% #DB8C9A	RGB 219 140 154	#DB8C9A
16.7%	16.7% #D17A8B	RGB 209 122 139	#D17A8B
33.3%	33.3% #C76A7D	RGB 199 106 125	#C76A7D
50.0%	50.0% #BE5B70	RGB 190 91 112	#BE5B70
66.7%	66.7% #B44D63	RGB 180 77 99	#B44D63
83.3%	83.3% #AA4057	RGB 170 64 87	#AA4057
100.0%	100.0% #A1344D	RGB 161 52 77	#A1344D

#DB8C9A #D17A8B #C76A7D #BE5B70 #B44D63 #AA4057 #A1344D

#DB8C9B - #BE5B70 - #A1344D

CSS codes

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

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