#DCC3CC - #AD6D83 | 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 #DCC3CC to #AD6D83

#DCC3CC #AD6D83

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

#DCC3CC - #AD6D83 | 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 #DCC3CC as 0% and #AD6D83 as 100%.

0.0%	0.0% #DCC3CC	RGB 220 195 204	#DCC3CC
16.7%	16.7% #D4B4BF	RGB 212 180 191	#D4B4BF
33.3%	33.3% #CCA6B3	RGB 204 166 179	#CCA6B3
50.0%	50.0% #C498A7	RGB 196 152 167	#C498A7
66.7%	66.7% #BC899B	RGB 188 137 155	#BC899B
83.3%	83.3% #B47B8F	RGB 180 123 143	#B47B8F
100.0%	100.0% #AD6D83	RGB 173 109 131	#AD6D83

#DCC3CC #D4B4BF #CCA6B3 #C498A7 #BC899B #B47B8F #AD6D83

#DCC3CC - #AD6D83

HSV Blend

#DCC3CC - #AD6D83 | 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 #DCC3CC as 0% and #AD6D83 as 100%.

0.0%	0.0% #DCC3CC	RGB 220 195 204	#DCC3CC
16.7%	16.7% #D4B2BE	RGB 212 178 190	#D4B2BE
33.3%	33.3% #CCA3B2	RGB 204 163 178	#CCA3B2
50.0%	50.0% #C494A5	RGB 196 148 165	#C494A5
66.7%	66.7% #BC8699	RGB 188 134 153	#BC8699
83.3%	83.3% #B4798E	RGB 180 121 142	#B4798E
100.0%	100.0% #AD6D83	RGB 173 109 131	#AD6D83

#DCC3CC #D4B2BE #CCA3B2 #C494A5 #BC8699 #B4798E #AD6D83

#DCC3CC - #C494A5 - #AD6D83

CSS codes

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

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