#DEC8CD - #AD7684 | 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 #DEC8CD to #AD7684

#DEC8CD #AD7684

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

#DEC8CD - #AD7684 | 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 #DEC8CD as 0% and #AD7684 as 100%.

0.0%	0.0% #DEC8CD	RGB 222 200 205	#DEC8CD
16.7%	16.7% #D5BAC0	RGB 213 186 192	#D5BAC0
33.3%	33.3% #CDACB4	RGB 205 172 180	#CDACB4
50.0%	50.0% #C59FA8	RGB 197 159 168	#C59FA8
66.7%	66.7% #BD919C	RGB 189 145 156	#BD919C
83.3%	83.3% #B58390	RGB 181 131 144	#B58390
100.0%	100.0% #AD7684	RGB 173 118 132	#AD7684

#DEC8CD #D5BAC0 #CDACB4 #C59FA8 #BD919C #B58390 #AD7684

#DEC8CD - #AD7684

HSV Blend

#DEC8CD - #AD7684 | 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 #DEC8CD as 0% and #AD7684 as 100%.

0.0%	0.0% #DEC8CD	RGB 222 200 205	#DEC8CD
16.7%	16.7% #D5B8BF	RGB 213 184 191	#D5B8BF
33.3%	33.3% #CDAAB2	RGB 205 170 178	#CDAAB2
50.0%	50.0% #C59CA6	RGB 197 156 166	#C59CA6
66.7%	66.7% #BD8E9A	RGB 189 142 154	#BD8E9A
83.3%	83.3% #B5828E	RGB 181 130 142	#B5828E
100.0%	100.0% #AD7684	RGB 173 118 132	#AD7684

#DEC8CD #D5B8BF #CDAAB2 #C59CA6 #BD8E9A #B5828E #AD7684

#DEC8CD - #C59CA6 - #AD7684

CSS codes

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

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