#D3C4D0 - #AC6988 | 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 #D3C4D0 to #AC6988

#D3C4D0 #AC6988

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

#D3C4D0 - #AC6988 | 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 #D3C4D0 as 0% and #AC6988 as 100%.

0.0%	0.0% #D3C4D0	RGB 211 196 208	#D3C4D0
16.7%	16.7% #CCB4C4	RGB 204 180 196	#CCB4C4
33.3%	33.3% #C6A5B8	RGB 198 165 184	#C6A5B8
50.0%	50.0% #BF96AC	RGB 191 150 172	#BF96AC
66.7%	66.7% #B987A0	RGB 185 135 160	#B987A0
83.3%	83.3% #B27894	RGB 178 120 148	#B27894
100.0%	100.0% #AC6988	RGB 172 105 136	#AC6988

#D3C4D0 #CCB4C4 #C6A5B8 #BF96AC #B987A0 #B27894 #AC6988

#D3C4D0 - #AC6988

HSV Blend

#D3C4D0 - #AC6988 | 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 #D3C4D0 as 0% and #AC6988 as 100%.

0.0%	0.0% #D3C4D0	RGB 211 196 208	#D3C4D0
16.7%	16.7% #CCB3C5	RGB 204 179 197	#CCB3C5
33.3%	33.3% #C6A2BB	RGB 198 162 187	#C6A2BB
50.0%	50.0% #BF93AF	RGB 191 147 175	#BF93AF
66.7%	66.7% #B984A2	RGB 185 132 162	#B984A2
83.3%	83.3% #B27695	RGB 178 118 149	#B27695
100.0%	100.0% #AC6988	RGB 172 105 136	#AC6988

#D3C4D0 #CCB3C5 #C6A2BB #BF93AF #B984A2 #B27695 #AC6988

#D3C4D0 - #BF93AF - #AC6988

CSS codes

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

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