#A07A8F - #E3D9DF | 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 #A07A8F to #E3D9DF

#A07A8F #E3D9DF

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

#A07A8F - #E3D9DF | 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 #A07A8F as 0% and #E3D9DF as 100%.

0.0%	0.0% #A07A8F	RGB 160 122 143	#A07A8F
16.7%	16.7% #AB899C	RGB 171 137 156	#AB899C
33.3%	33.3% #B699A9	RGB 182 153 169	#B699A9
50.0%	50.0% #C1A9B7	RGB 193 169 183	#C1A9B7
66.7%	66.7% #CCB9C4	RGB 204 185 196	#CCB9C4
83.3%	83.3% #D7C9D1	RGB 215 201 209	#D7C9D1
100.0%	100.0% #E3D9DF	RGB 227 217 223	#E3D9DF

#A07A8F #AB899C #B699A9 #C1A9B7 #CCB9C4 #D7C9D1 #E3D9DF

#A07A8F - #E3D9DF

HSV Blend

#A07A8F - #E3D9DF | 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 #A07A8F as 0% and #E3D9DF as 100%.

0.0%	0.0% #A07A8F	RGB 160 122 143	#A07A8F
16.7%	16.7% #AB889B	RGB 171 136 155	#AB889B
33.3%	33.3% #B696A8	RGB 182 150 168	#B696A8
50.0%	50.0% #C1A6B5	RGB 193 166 181	#C1A6B5
66.7%	66.7% #CCB6C3	RGB 204 182 195	#CCB6C3
83.3%	83.3% #D7C7D1	RGB 215 199 209	#D7C7D1
100.0%	100.0% #E3D9DF	RGB 227 217 223	#E3D9DF

#A07A8F #AB889B #B696A8 #C1A6B5 #CCB6C3 #D7C7D1 #E3D9DF

#A07A8F - #C1A6B5 - #E3D9DF

CSS codes

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

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