#DFD5E4 - #A77BA0 | 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 #DFD5E4 to #A77BA0

#DFD5E4 #A77BA0

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

#DFD5E4 - #A77BA0 | 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 #DFD5E4 as 0% and #A77BA0 as 100%.

0.0%	0.0% #DFD5E4	RGB 223 213 228	#DFD5E4
16.7%	16.7% #D5C6D8	RGB 213 198 216	#D5C6D8
33.3%	33.3% #CCB7CD	RGB 204 183 205	#CCB7CD
50.0%	50.0% #C3A8C2	RGB 195 168 194	#C3A8C2
66.7%	66.7% #B999B6	RGB 185 153 182	#B999B6
83.3%	83.3% #B08AAB	RGB 176 138 171	#B08AAB
100.0%	100.0% #A77BA0	RGB 167 123 160	#A77BA0

#DFD5E4 #D5C6D8 #CCB7CD #C3A8C2 #B999B6 #B08AAB #A77BA0

#DFD5E4 - #A77BA0

HSV Blend

#DFD5E4 - #A77BA0 | 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 #DFD5E4 as 0% and #A77BA0 as 100%.

0.0%	0.0% #DFD5E4	RGB 223 213 228	#DFD5E4
16.7%	16.7% #D4C4D9	RGB 212 196 217	#D4C4D9
33.3%	33.3% #CBB4CF	RGB 203 180 207	#CBB4CF
50.0%	50.0% #C2A4C5	RGB 194 164 197	#C2A4C5
66.7%	66.7% #BB96BB	RGB 187 150 187	#BB96BB
83.3%	83.3% #B188AE	RGB 177 136 174	#B188AE
100.0%	100.0% #A77BA0	RGB 167 123 160	#A77BA0

#DFD5E4 #D4C4D9 #CBB4CF #C2A4C5 #BB96BB #B188AE #A77BA0

#DFD5E4 - #C2A4C5 - #A77BA0

CSS codes

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

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