#DCCCD2 - #AF788B | 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 #DCCCD2 to #AF788B

#DCCCD2 #AF788B

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

#DCCCD2 - #AF788B | 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 #DCCCD2 as 0% and #AF788B as 100%.

0.0%	0.0% #DCCCD2	RGB 220 204 210	#DCCCD2
16.7%	16.7% #D4BEC6	RGB 212 190 198	#D4BEC6
33.3%	33.3% #CDB0BA	RGB 205 176 186	#CDB0BA
50.0%	50.0% #C5A2AE	RGB 197 162 174	#C5A2AE
66.7%	66.7% #BE94A2	RGB 190 148 162	#BE94A2
83.3%	83.3% #B68696	RGB 182 134 150	#B68696
100.0%	100.0% #AF788B	RGB 175 120 139	#AF788B

#DCCCD2 #D4BEC6 #CDB0BA #C5A2AE #BE94A2 #B68696 #AF788B

#DCCCD2 - #AF788B

HSV Blend

#DCCCD2 - #AF788B | 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 #DCCCD2 as 0% and #AF788B as 100%.

0.0%	0.0% #DCCCD2	RGB 220 204 210	#DCCCD2
16.7%	16.7% #D4BCC5	RGB 212 188 197	#D4BCC5
33.3%	33.3% #CDADB9	RGB 205 173 185	#CDADB9
50.0%	50.0% #C59FAD	RGB 197 159 173	#C59FAD
66.7%	66.7% #BE91A1	RGB 190 145 161	#BE91A1
83.3%	83.3% #B68496	RGB 182 132 150	#B68496
100.0%	100.0% #AF788B	RGB 175 120 139	#AF788B

#DCCCD2 #D4BCC5 #CDADB9 #C59FAD #BE91A1 #B68496 #AF788B

#DCCCD2 - #C59FAD - #AF788B

CSS codes

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

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