#AF656C - #E8D3D5 | 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 #AF656C to #E8D3D5

#AF656C #E8D3D5

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

#AF656C - #E8D3D5 | 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 #AF656C as 0% and #E8D3D5 as 100%.

0.0%	0.0% #AF656C	RGB 175 101 108	#AF656C
16.7%	16.7% #B8777D	RGB 184 119 125	#B8777D
33.3%	33.3% #C2898F	RGB 194 137 143	#C2898F
50.0%	50.0% #CB9CA0	RGB 203 156 160	#CB9CA0
66.7%	66.7% #D5AEB2	RGB 213 174 178	#D5AEB2
83.3%	83.3% #DEC0C3	RGB 222 192 195	#DEC0C3
100.0%	100.0% #E8D3D5	RGB 232 211 213	#E8D3D5

#AF656C #B8777D #C2898F #CB9CA0 #D5AEB2 #DEC0C3 #E8D3D5

#AF656C - #E8D3D5

HSV Blend

#AF656C - #E8D3D5 | 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 #AF656C as 0% and #E8D3D5 as 100%.

0.0%	0.0% #AF656C	RGB 175 101 108	#AF656C
16.7%	16.7% #B8747B	RGB 184 116 123	#B8747B
33.3%	33.3% #C2858B	RGB 194 133 139	#C2858B
50.0%	50.0% #CB979C	RGB 203 151 156	#CB979C
66.7%	66.7% #D5AAAE	RGB 213 170 174	#D5AAAE
83.3%	83.3% #DEBEC1	RGB 222 190 193	#DEBEC1
100.0%	100.0% #E8D3D5	RGB 232 211 213	#E8D3D5

#AF656C #B8747B #C2858B #CB979C #D5AAAE #DEBEC1 #E8D3D5

#AF656C - #CB979C - #E8D3D5

CSS codes

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

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