#E6D5E4 - #AF8A99 | 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 #E6D5E4 to #AF8A99

#E6D5E4 #AF8A99

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

#E6D5E4 - #AF8A99 | 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 #E6D5E4 as 0% and #AF8A99 as 100%.

0.0%	0.0% #E6D5E4	RGB 230 213 228	#E6D5E4
16.7%	16.7% #DCC8D7	RGB 220 200 215	#DCC8D7
33.3%	33.3% #D3BCCB	RGB 211 188 203	#D3BCCB
50.0%	50.0% #CAAFBE	RGB 202 175 190	#CAAFBE
66.7%	66.7% #C1A3B2	RGB 193 163 178	#C1A3B2
83.3%	83.3% #B896A5	RGB 184 150 165	#B896A5
100.0%	100.0% #AF8A99	RGB 175 138 153	#AF8A99

#E6D5E4 #DCC8D7 #D3BCCB #CAAFBE #C1A3B2 #B896A5 #AF8A99

#E6D5E4 - #AF8A99

HSV Blend

#E6D5E4 - #AF8A99 | 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 #E6D5E4 as 0% and #AF8A99 as 100%.

0.0%	0.0% #E6D5E4	RGB 230 213 228	#E6D5E4
16.7%	16.7% #DCC7D8	RGB 220 199 216	#DCC7D8
33.3%	33.3% #D3BACC	RGB 211 186 204	#D3BACC
50.0%	50.0% #CAADC0	RGB 202 173 192	#CAADC0
66.7%	66.7% #C1A1B3	RGB 193 161 179	#C1A1B3
83.3%	83.3% #B895A6	RGB 184 149 166	#B895A6
100.0%	100.0% #AF8A99	RGB 175 138 153	#AF8A99

#E6D5E4 #DCC7D8 #D3BACC #CAADC0 #C1A1B3 #B895A6 #AF8A99

#E6D5E4 - #CAADC0 - #AF8A99

CSS codes

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

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