#DEDADA - #AD8C91 | 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 #DEDADA to #AD8C91

#DEDADA #AD8C91

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

#DEDADA - #AD8C91 | 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 #DEDADA as 0% and #AD8C91 as 100%.

0.0%	0.0% #DEDADA	RGB 222 218 218	#DEDADA
16.7%	16.7% #D5CDCD	RGB 213 205 205	#D5CDCD
33.3%	33.3% #CDC0C1	RGB 205 192 193	#CDC0C1
50.0%	50.0% #C5B3B5	RGB 197 179 181	#C5B3B5
66.7%	66.7% #BDA6A9	RGB 189 166 169	#BDA6A9
83.3%	83.3% #B5999D	RGB 181 153 157	#B5999D
100.0%	100.0% #AD8C91	RGB 173 140 145	#AD8C91

#DEDADA #D5CDCD #CDC0C1 #C5B3B5 #BDA6A9 #B5999D #AD8C91

#DEDADA - #AD8C91

HSV Blend

#DEDADA - #AD8C91 | 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 #DEDADA as 0% and #AD8C91 as 100%.

0.0%	0.0% #DEDADA	RGB 222 218 218	#DEDADA
16.7%	16.7% #D5CBCC	RGB 213 203 204	#D5CBCC
33.3%	33.3% #CDBEBE	RGB 205 190 190	#CDBEBE
50.0%	50.0% #C5B0B2	RGB 197 176 178	#C5B0B2
66.7%	66.7% #BDA4A6	RGB 189 164 166	#BDA4A6
83.3%	83.3% #B5979B	RGB 181 151 155	#B5979B
100.0%	100.0% #AD8C91	RGB 173 140 145	#AD8C91

#DEDADA #D5CBCC #CDBEBE #C5B0B2 #BDA4A6 #B5979B #AD8C91

#DEDADA - #C5B0B2 - #AD8C91

CSS codes

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

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