#DBB3C0 - #AB5A74 | 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 #DBB3C0 to #AB5A74

#DBB3C0 #AB5A74

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

#DBB3C0 - #AB5A74 | 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 #DBB3C0 as 0% and #AB5A74 as 100%.

0.0%	0.0% #DBB3C0	RGB 219 179 192	#DBB3C0
16.7%	16.7% #D3A4B3	RGB 211 164 179	#D3A4B3
33.3%	33.3% #CB95A6	RGB 203 149 166	#CB95A6
50.0%	50.0% #C3869A	RGB 195 134 154	#C3869A
66.7%	66.7% #BB778D	RGB 187 119 141	#BB778D
83.3%	83.3% #B36880	RGB 179 104 128	#B36880
100.0%	100.0% #AB5A74	RGB 171 90 116	#AB5A74

#DBB3C0 #D3A4B3 #CB95A6 #C3869A #BB778D #B36880 #AB5A74

#DBB3C0 - #AB5A74

HSV Blend

#DBB3C0 - #AB5A74 | 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 #DBB3C0 as 0% and #AB5A74 as 100%.

0.0%	0.0% #DBB3C0	RGB 219 179 192	#DBB3C0
16.7%	16.7% #D3A2B2	RGB 211 162 178	#D3A2B2
33.3%	33.3% #CB92A4	RGB 203 146 164	#CB92A4
50.0%	50.0% #C38397	RGB 195 131 151	#C38397
66.7%	66.7% #BB748B	RGB 187 116 139	#BB748B
83.3%	83.3% #B3667F	RGB 179 102 127	#B3667F
100.0%	100.0% #AB5A74	RGB 171 90 116	#AB5A74

#DBB3C0 #D3A2B2 #CB92A4 #C38397 #BB748B #B3667F #AB5A74

#DBB3C0 - #C38397 - #AB5A74

CSS codes

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

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