#AF9BC3 - #FFD8C0 | 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 #AF9BC3 to #FFD8C0

#AF9BC3 #FFD8C0

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

#AF9BC3 - #FFD8C0 | 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 #AF9BC3 as 0% and #FFD8C0 as 100%.

0.0%	0.0% #AF9BC3	RGB 175 155 195	#AF9BC3
16.7%	16.7% #BCA5C2	RGB 188 165 194	#BCA5C2
33.3%	33.3% #C9AFC2	RGB 201 175 194	#C9AFC2
50.0%	50.0% #D7B9C1	RGB 215 185 193	#D7B9C1
66.7%	66.7% #E4C3C1	RGB 228 195 193	#E4C3C1
83.3%	83.3% #F1CDC0	RGB 241 205 192	#F1CDC0
100.0%	100.0% #FFD8C0	RGB 255 216 192	#FFD8C0

#AF9BC3 #BCA5C2 #C9AFC2 #D7B9C1 #E4C3C1 #F1CDC0 #FFD8C0

#AF9BC3 - #FFD8C0

HSV Blend

#AF9BC3 - #FFD8C0 | 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 #AF9BC3 as 0% and #FFD8C0 as 100%.

0.0%	0.0% #AF9BC3	RGB 175 155 195	#AF9BC3
16.7%	16.7% #C4A1CD	RGB 196 161 205	#C4A1CD
33.3%	33.3% #D7A7D1	RGB 215 167 209	#D7A7D1
50.0%	50.0% #E1AECA	RGB 225 174 202	#E1AECA
66.7%	66.7% #EBB4C1	RGB 235 180 193	#EBB4C1
83.3%	83.3% #F5BEBA	RGB 245 190 186	#F5BEBA
100.0%	100.0% #FFD8C0	RGB 255 216 192	#FFD8C0

#AF9BC3 #C4A1CD #D7A7D1 #E1AECA #EBB4C1 #F5BEBA #FFD8C0

#AF9BC3 - #E1AECA - #FFD8C0

CSS codes

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

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