#D4C2D0 - #AC6688 | 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 #D4C2D0 to #AC6688

#D4C2D0 #AC6688

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

#D4C2D0 - #AC6688 | 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 #D4C2D0 as 0% and #AC6688 as 100%.

0.0%	0.0% #D4C2D0	RGB 212 194 208	#D4C2D0
16.7%	16.7% #CDB2C4	RGB 205 178 196	#CDB2C4
33.3%	33.3% #C6A3B8	RGB 198 163 184	#C6A3B8
50.0%	50.0% #C094AC	RGB 192 148 172	#C094AC
66.7%	66.7% #B984A0	RGB 185 132 160	#B984A0
83.3%	83.3% #B27594	RGB 178 117 148	#B27594
100.0%	100.0% #AC6688	RGB 172 102 136	#AC6688

#D4C2D0 #CDB2C4 #C6A3B8 #C094AC #B984A0 #B27594 #AC6688

#D4C2D0 - #AC6688

HSV Blend

#D4C2D0 - #AC6688 | 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 #D4C2D0 as 0% and #AC6688 as 100%.

0.0%	0.0% #D4C2D0	RGB 212 194 208	#D4C2D0
16.7%	16.7% #CDB0C5	RGB 205 176 197	#CDB0C5
33.3%	33.3% #C6A0BA	RGB 198 160 186	#C6A0BA
50.0%	50.0% #C090AE	RGB 192 144 174	#C090AE
66.7%	66.7% #B981A2	RGB 185 129 162	#B981A2
83.3%	83.3% #B27395	RGB 178 115 149	#B27395
100.0%	100.0% #AC6688	RGB 172 102 136	#AC6688

#D4C2D0 #CDB0C5 #C6A0BA #C090AE #B981A2 #B27395 #AC6688

#D4C2D0 - #C090AE - #AC6688

CSS codes

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

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