#DCBBCC - #AB658C | 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 #DCBBCC to #AB658C

#DCBBCC #AB658C

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

#DCBBCC - #AB658C | 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 #DCBBCC as 0% and #AB658C as 100%.

0.0%	0.0% #DCBBCC	RGB 220 187 204	#DCBBCC
16.7%	16.7% #D3ACC1	RGB 211 172 193	#D3ACC1
33.3%	33.3% #CB9EB6	RGB 203 158 182	#CB9EB6
50.0%	50.0% #C390AC	RGB 195 144 172	#C390AC
66.7%	66.7% #BB81A1	RGB 187 129 161	#BB81A1
83.3%	83.3% #B37396	RGB 179 115 150	#B37396
100.0%	100.0% #AB658C	RGB 171 101 140	#AB658C

#DCBBCC #D3ACC1 #CB9EB6 #C390AC #BB81A1 #B37396 #AB658C

#DCBBCC - #AB658C

HSV Blend

#DCBBCC - #AB658C | 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 #DCBBCC as 0% and #AB658C as 100%.

0.0%	0.0% #DCBBCC	RGB 220 187 204	#DCBBCC
16.7%	16.7% #D3AAC0	RGB 211 170 192	#D3AAC0
33.3%	33.3% #CB9BB4	RGB 203 155 180	#CB9BB4
50.0%	50.0% #C38CAA	RGB 195 140 170	#C38CAA
66.7%	66.7% #BB7E9F	RGB 187 126 159	#BB7E9F
83.3%	83.3% #B37195	RGB 179 113 149	#B37195
100.0%	100.0% #AB658C	RGB 171 101 140	#AB658C

#DCBBCC #D3AAC0 #CB9BB4 #C38CAA #BB7E9F #B37195 #AB658C

#DCBBCC - #C38CAA - #AB658C

CSS codes

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

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