#A6989B - #FFD6AF | 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 #A6989B to #FFD6AF

#A6989B #FFD6AF

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

#A6989B - #FFD6AF | 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 #A6989B as 0% and #FFD6AF as 100%.

0.0%	0.0% #A6989B	RGB 166 152 155	#A6989B
16.7%	16.7% #B4A29E	RGB 180 162 158	#B4A29E
33.3%	33.3% #C3ACA1	RGB 195 172 161	#C3ACA1
50.0%	50.0% #D2B7A5	RGB 210 183 165	#D2B7A5
66.7%	66.7% #E1C1A8	RGB 225 193 168	#E1C1A8
83.3%	83.3% #F0CBAB	RGB 240 203 171	#F0CBAB
100.0%	100.0% #FFD6AF	RGB 255 214 175	#FFD6AF

#A6989B #B4A29E #C3ACA1 #D2B7A5 #E1C1A8 #F0CBAB #FFD6AF

#A6989B - #FFD6AF

HSV Blend

#A6989B - #FFD6AF | 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 #A6989B as 0% and #FFD6AF as 100%.

0.0%	0.0% #A6989B	RGB 166 152 155	#A6989B
16.7%	16.7% #B49EA0	RGB 180 158 160	#B49EA0
33.3%	33.3% #C3A4A4	RGB 195 164 164	#C3A4A4
50.0%	50.0% #D2AEA8	RGB 210 174 168	#D2AEA8
66.7%	66.7% #E1B9AB	RGB 225 185 171	#E1B9AB
83.3%	83.3% #F0C6AE	RGB 240 198 174	#F0C6AE
100.0%	100.0% #FFD6AF	RGB 255 214 175	#FFD6AF

#A6989B #B49EA0 #C3A4A4 #D2AEA8 #E1B9AB #F0C6AE #FFD6AF

#A6989B - #D2AEA8 - #FFD6AF

CSS codes

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

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