#9A8AA9 - #FFCBAB | 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 #9A8AA9 to #FFCBAB

#9A8AA9 #FFCBAB

Calculate the color between two colors, #9A8AA9 and #FFCBAB. 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)

#9A8AA9 - #FFCBAB | 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 #9A8AA9 as 0% and #FFCBAB as 100%.

0.0%	0.0% #9A8AA9	RGB 154 138 169	#9A8AA9
16.7%	16.7% #AA94A9	RGB 170 148 169	#AA94A9
33.3%	33.3% #BB9FA9	RGB 187 159 169	#BB9FA9
50.0%	50.0% #CCAAAA	RGB 204 170 170	#CCAAAA
66.7%	66.7% #DDB5AA	RGB 221 181 170	#DDB5AA
83.3%	83.3% #EEC0AA	RGB 238 192 170	#EEC0AA
100.0%	100.0% #FFCBAB	RGB 255 203 171	#FFCBAB

#9A8AA9 #AA94A9 #BB9FA9 #CCAAAA #DDB5AA #EEC0AA #FFCBAB

#9A8AA9 - #FFCBAB

HSV Blend

#9A8AA9 - #FFCBAB | 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 #9A8AA9 as 0% and #FFCBAB as 100%.

0.0%	0.0% #9A8AA9	RGB 154 138 169	#9A8AA9
16.7%	16.7% #B091B7	RGB 176 145 183	#B091B7
33.3%	33.3% #C597BF	RGB 197 151 191	#C597BF
50.0%	50.0% #D49DBB	RGB 212 157 187	#D49DBB
66.7%	66.7% #E2A2B2	RGB 226 162 178	#E2A2B2
83.3%	83.3% #F0ACA7	RGB 240 172 167	#F0ACA7
100.0%	100.0% #FFCBAB	RGB 255 203 171	#FFCBAB

#9A8AA9 #B091B7 #C597BF #D49DBB #E2A2B2 #F0ACA7 #FFCBAB

#9A8AA9 - #D49DBB - #FFCBAB

CSS codes

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

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