#A697A8 - #F9FFAC | 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 #A697A8 to #F9FFAC

#A697A8 #F9FFAC

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

#A697A8 - #F9FFAC | 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 #A697A8 as 0% and #F9FFAC as 100%.

0.0%	0.0% #A697A8	RGB 166 151 168	#A697A8
16.7%	16.7% #B3A8A8	RGB 179 168 168	#B3A8A8
33.3%	33.3% #C1B9A9	RGB 193 185 169	#C1B9A9
50.0%	50.0% #CFCBAA	RGB 207 203 170	#CFCBAA
66.7%	66.7% #DDDCAA	RGB 221 220 170	#DDDCAA
83.3%	83.3% #EBEDAB	RGB 235 237 171	#EBEDAB
100.0%	100.0% #F9FFAC	RGB 249 255 172	#F9FFAC

#A697A8 #B3A8A8 #C1B9A9 #CFCBAA #DDDCAA #EBEDAB #F9FFAC

#A697A8 - #F9FFAC

HSV Blend

#A697A8 - #F9FFAC | 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 #A697A8 as 0% and #F9FFAC as 100%.

0.0%	0.0% #A697A8	RGB 166 151 168	#A697A8
16.7%	16.7% #B69DB0	RGB 182 157 176	#B69DB0
33.3%	33.3% #C5A2AF	RGB 197 162 175	#C5A2AF
50.0%	50.0% #D3A6A7	RGB 211 166 167	#D3A6A7
66.7%	66.7% #E2BCA9	RGB 226 188 169	#E2BCA9
83.3%	83.3% #F0DCAB	RGB 240 220 171	#F0DCAB
100.0%	100.0% #F9FFAC	RGB 249 255 172	#F9FFAC

#A697A8 #B69DB0 #C5A2AF #D3A6A7 #E2BCA9 #F0DCAB #F9FFAC

#A697A8 - #D3A6A7 - #F9FFAC

CSS codes

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

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