#DFDCDC - #AF757C | 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 #DFDCDC to #AF757C

#DFDCDC #AF757C

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

#DFDCDC - #AF757C | 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 #DFDCDC as 0% and #AF757C as 100%.

0.0%	0.0% #DFDCDC	RGB 223 220 220	#DFDCDC
16.7%	16.7% #D7CACC	RGB 215 202 204	#D7CACC
33.3%	33.3% #CFB9BC	RGB 207 185 188	#CFB9BC
50.0%	50.0% #C7A8AC	RGB 199 168 172	#C7A8AC
66.7%	66.7% #BF979C	RGB 191 151 156	#BF979C
83.3%	83.3% #B7868C	RGB 183 134 140	#B7868C
100.0%	100.0% #AF757C	RGB 175 117 124	#AF757C

#DFDCDC #D7CACC #CFB9BC #C7A8AC #BF979C #B7868C #AF757C

#DFDCDC - #AF757C

HSV Blend

#DFDCDC - #AF757C | 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 #DFDCDC as 0% and #AF757C as 100%.

0.0%	0.0% #DFDCDC	RGB 223 220 220	#DFDCDC
16.7%	16.7% #D7C8C9	RGB 215 200 201	#D7C8C9
33.3%	33.3% #CFB6B7	RGB 207 182 183	#CFB6B7
50.0%	50.0% #C7A4A6	RGB 199 164 166	#C7A4A6
66.7%	66.7% #BF9397	RGB 191 147 151	#BF9397
83.3%	83.3% #B78489	RGB 183 132 137	#B78489
100.0%	100.0% #AF757C	RGB 175 117 124	#AF757C

#DFDCDC #D7C8C9 #CFB6B7 #C7A4A6 #BF9397 #B78489 #AF757C

#DFDCDC - #C7A4A6 - #AF757C

CSS codes

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

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