#A4A2B5 - #FFDBB8 | 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 #A4A2B5 to #FFDBB8

#A4A2B5 #FFDBB8

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

#A4A2B5 - #FFDBB8 | 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 #A4A2B5 as 0% and #FFDBB8 as 100%.

0.0%	0.0% #A4A2B5	RGB 164 162 181	#A4A2B5
16.7%	16.7% #B3ABB5	RGB 179 171 181	#B3ABB5
33.3%	33.3% #C2B5B6	RGB 194 181 182	#C2B5B6
50.0%	50.0% #D1BEB6	RGB 209 190 182	#D1BEB6
66.7%	66.7% #E0C8B7	RGB 224 200 183	#E0C8B7
83.3%	83.3% #EFD1B7	RGB 239 209 183	#EFD1B7
100.0%	100.0% #FFDBB8	RGB 255 219 184	#FFDBB8

#A4A2B5 #B3ABB5 #C2B5B6 #D1BEB6 #E0C8B7 #EFD1B7 #FFDBB8

#A4A2B5 - #FFDBB8

HSV Blend

#A4A2B5 - #FFDBB8 | 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 #A4A2B5 as 0% and #FFDBB8 as 100%.

0.0%	0.0% #A4A2B5	RGB 164 162 181	#A4A2B5
16.7%	16.7% #B4A7C1	RGB 180 167 193	#B4A7C1
33.3%	33.3% #CAACCD	RGB 202 172 205	#CAACCD
50.0%	50.0% #DAB0CD	RGB 218 176 205	#DAB0CD
66.7%	66.7% #E6B3C2	RGB 230 179 194	#E6B3C2
83.3%	83.3% #F2BBB6	RGB 242 187 182	#F2BBB6
100.0%	100.0% #FFDBB8	RGB 255 219 184	#FFDBB8

#A4A2B5 #B4A7C1 #CAACCD #DAB0CD #E6B3C2 #F2BBB6 #FFDBB8

#A4A2B5 - #DAB0CD - #FFDBB8

CSS codes

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

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