#DAC2D3 - #B2658C | 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 #DAC2D3 to #B2658C

#DAC2D3 #B2658C

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

#DAC2D3 - #B2658C | 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 #DAC2D3 as 0% and #B2658C as 100%.

0.0%	0.0% #DAC2D3	RGB 218 194 211	#DAC2D3
16.7%	16.7% #D3B2C7	RGB 211 178 199	#D3B2C7
33.3%	33.3% #CCA3BB	RGB 204 163 187	#CCA3BB
50.0%	50.0% #C693AF	RGB 198 147 175	#C693AF
66.7%	66.7% #BF84A3	RGB 191 132 163	#BF84A3
83.3%	83.3% #B87497	RGB 184 116 151	#B87497
100.0%	100.0% #B2658C	RGB 178 101 140	#B2658C

#DAC2D3 #D3B2C7 #CCA3BB #C693AF #BF84A3 #B87497 #B2658C

#DAC2D3 - #B2658C

HSV Blend

#DAC2D3 - #B2658C | 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 #DAC2D3 as 0% and #B2658C as 100%.

0.0%	0.0% #DAC2D3	RGB 218 194 211	#DAC2D3
16.7%	16.7% #D3B0C8	RGB 211 176 200	#D3B0C8
33.3%	33.3% #CCA0BC	RGB 204 160 188	#CCA0BC
50.0%	50.0% #C690B0	RGB 198 144 176	#C690B0
66.7%	66.7% #BF81A4	RGB 191 129 164	#BF81A4
83.3%	83.3% #B87298	RGB 184 114 152	#B87298
100.0%	100.0% #B2658C	RGB 178 101 140	#B2658C

#DAC2D3 #D3B0C8 #CCA0BC #C690B0 #BF81A4 #B87298 #B2658C

#DAC2D3 - #C690B0 - #B2658C

CSS codes

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

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