#D7D5E2 - #A078AC | 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 #D7D5E2 to #A078AC

#D7D5E2 #A078AC

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

#D7D5E2 - #A078AC | 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 #D7D5E2 as 0% and #A078AC as 100%.

0.0%	0.0% #D7D5E2	RGB 215 213 226	#D7D5E2
16.7%	16.7% #CDC5D9	RGB 205 197 217	#CDC5D9
33.3%	33.3% #C4B6D0	RGB 196 182 208	#C4B6D0
50.0%	50.0% #BBA6C7	RGB 187 166 199	#BBA6C7
66.7%	66.7% #B297BE	RGB 178 151 190	#B297BE
83.3%	83.3% #A987B5	RGB 169 135 181	#A987B5
100.0%	100.0% #A078AC	RGB 160 120 172	#A078AC

#D7D5E2 #CDC5D9 #C4B6D0 #BBA6C7 #B297BE #A987B5 #A078AC

#D7D5E2 - #A078AC

HSV Blend

#D7D5E2 - #A078AC | 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 #D7D5E2 as 0% and #A078AC as 100%.

0.0%	0.0% #D7D5E2	RGB 215 213 226	#D7D5E2
16.7%	16.7% #C9C3D9	RGB 201 195 217	#C9C3D9
33.3%	33.3% #BDB3D0	RGB 189 179 208	#BDB3D0
50.0%	50.0% #B3A3C7	RGB 179 163 199	#B3A3C7
66.7%	66.7% #AB94BE	RGB 171 148 190	#AB94BE
83.3%	83.3% #A585B5	RGB 165 133 181	#A585B5
100.0%	100.0% #A078AC	RGB 160 120 172	#A078AC

#D7D5E2 #C9C3D9 #BDB3D0 #B3A3C7 #AB94BE #A585B5 #A078AC

#D7D5E2 - #B3A3C7 - #A078AC

CSS codes

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

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