#DBB5C0 - #AA5D74 | 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 #DBB5C0 to #AA5D74

#DBB5C0 #AA5D74

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

#DBB5C0 - #AA5D74 | 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 #DBB5C0 as 0% and #AA5D74 as 100%.

0.0%	0.0% #DBB5C0	RGB 219 181 192	#DBB5C0
16.7%	16.7% #D2A6B3	RGB 210 166 179	#D2A6B3
33.3%	33.3% #CA97A6	RGB 202 151 166	#CA97A6
50.0%	50.0% #C2899A	RGB 194 137 154	#C2899A
66.7%	66.7% #BA7A8D	RGB 186 122 141	#BA7A8D
83.3%	83.3% #B26B80	RGB 178 107 128	#B26B80
100.0%	100.0% #AA5D74	RGB 170 93 116	#AA5D74

#DBB5C0 #D2A6B3 #CA97A6 #C2899A #BA7A8D #B26B80 #AA5D74

#DBB5C0 - #AA5D74

HSV Blend

#DBB5C0 - #AA5D74 | 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 #DBB5C0 as 0% and #AA5D74 as 100%.

0.0%	0.0% #DBB5C0	RGB 219 181 192	#DBB5C0
16.7%	16.7% #D2A4B1	RGB 210 164 177	#D2A4B1
33.3%	33.3% #CA94A4	RGB 202 148 164	#CA94A4
50.0%	50.0% #C28597	RGB 194 133 151	#C28597
66.7%	66.7% #BA778B	RGB 186 119 139	#BA778B
83.3%	83.3% #B2697F	RGB 178 105 127	#B2697F
100.0%	100.0% #AA5D74	RGB 170 93 116	#AA5D74

#DBB5C0 #D2A4B1 #CA94A4 #C28597 #BA778B #B2697F #AA5D74

#DBB5C0 - #C28597 - #AA5D74

CSS codes

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

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