#DEDADC - #AD8C9B | 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 #DEDADC to #AD8C9B

#DEDADC #AD8C9B

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

#DEDADC - #AD8C9B | 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 #DEDADC as 0% and #AD8C9B as 100%.

0.0%	0.0% #DEDADC	RGB 222 218 220	#DEDADC
16.7%	16.7% #D5CDD1	RGB 213 205 209	#D5CDD1
33.3%	33.3% #CDC0C6	RGB 205 192 198	#CDC0C6
50.0%	50.0% #C5B3BB	RGB 197 179 187	#C5B3BB
66.7%	66.7% #BDA6B0	RGB 189 166 176	#BDA6B0
83.3%	83.3% #B599A5	RGB 181 153 165	#B599A5
100.0%	100.0% #AD8C9B	RGB 173 140 155	#AD8C9B

#DEDADC #D5CDD1 #CDC0C6 #C5B3BB #BDA6B0 #B599A5 #AD8C9B

#DEDADC - #AD8C9B

HSV Blend

#DEDADC - #AD8C9B | 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 #DEDADC as 0% and #AD8C9B as 100%.

0.0%	0.0% #DEDADC	RGB 222 218 220	#DEDADC
16.7%	16.7% #D5CBD0	RGB 213 203 208	#D5CBD0
33.3%	33.3% #CDBEC5	RGB 205 190 197	#CDBEC5
50.0%	50.0% #C5B0BA	RGB 197 176 186	#C5B0BA
66.7%	66.7% #BDA4AF	RGB 189 164 175	#BDA4AF
83.3%	83.3% #B597A5	RGB 181 151 165	#B597A5
100.0%	100.0% #AD8C9B	RGB 173 140 155	#AD8C9B

#DEDADC #D5CBD0 #CDBEC5 #C5B0BA #BDA4AF #B597A5 #AD8C9B

#DEDADC - #C5B0BA - #AD8C9B

CSS codes

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

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