#DCB8C2 - #AB6176 | 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 #DCB8C2 to #AB6176

#DCB8C2 #AB6176

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

#DCB8C2 - #AB6176 | 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 #DCB8C2 as 0% and #AB6176 as 100%.

0.0%	0.0% #DCB8C2	RGB 220 184 194	#DCB8C2
16.7%	16.7% #D3A9B5	RGB 211 169 181	#D3A9B5
33.3%	33.3% #CB9BA8	RGB 203 155 168	#CB9BA8
50.0%	50.0% #C38C9C	RGB 195 140 156	#C38C9C
66.7%	66.7% #BB7E8F	RGB 187 126 143	#BB7E8F
83.3%	83.3% #B36F82	RGB 179 111 130	#B36F82
100.0%	100.0% #AB6176	RGB 171 97 118	#AB6176

#DCB8C2 #D3A9B5 #CB9BA8 #C38C9C #BB7E8F #B36F82 #AB6176

#DCB8C2 - #AB6176

HSV Blend

#DCB8C2 - #AB6176 | 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 #DCB8C2 as 0% and #AB6176 as 100%.

0.0%	0.0% #DCB8C2	RGB 220 184 194	#DCB8C2
16.7%	16.7% #D3A7B3	RGB 211 167 179	#D3A7B3
33.3%	33.3% #CB98A6	RGB 203 152 166	#CB98A6
50.0%	50.0% #C38999	RGB 195 137 153	#C38999
66.7%	66.7% #BB7B8D	RGB 187 123 141	#BB7B8D
83.3%	83.3% #B36D81	RGB 179 109 129	#B36D81
100.0%	100.0% #AB6176	RGB 171 97 118	#AB6176

#DCB8C2 #D3A7B3 #CB98A6 #C38999 #BB7B8D #B36D81 #AB6176

#DCB8C2 - #C38999 - #AB6176

CSS codes

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

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