#9A8DB4 - #FFCFB7 | 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 #9A8DB4 to #FFCFB7

#9A8DB4 #FFCFB7

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

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

0.0%	0.0% #9A8DB4	RGB 154 141 180	#9A8DB4
16.7%	16.7% #AA98B4	RGB 170 152 180	#AA98B4
33.3%	33.3% #BBA3B5	RGB 187 163 181	#BBA3B5
50.0%	50.0% #CCAEB5	RGB 204 174 181	#CCAEB5
66.7%	66.7% #DDB9B6	RGB 221 185 182	#DDB9B6
83.3%	83.3% #EEC4B6	RGB 238 196 182	#EEC4B6
100.0%	100.0% #FFCFB7	RGB 255 207 183	#FFCFB7

#9A8DB4 #AA98B4 #BBA3B5 #CCAEB5 #DDB9B6 #EEC4B6 #FFCFB7

#9A8DB4 - #FFCFB7

HSV Blend

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

0.0%	0.0% #9A8DB4	RGB 154 141 180	#9A8DB4
16.7%	16.7% #B194C0	RGB 177 148 192	#B194C0
33.3%	33.3% #CD9CCD	RGB 205 156 205	#CD9CCD
50.0%	50.0% #D9A3C7	RGB 217 163 199	#D9A3C7
66.7%	66.7% #E6AABE	RGB 230 170 190	#E6AABE
83.3%	83.3% #F2B0B0	RGB 242 176 176	#F2B0B0
100.0%	100.0% #FFCFB7	RGB 255 207 183	#FFCFB7

#9A8DB4 #B194C0 #CD9CCD #D9A3C7 #E6AABE #F2B0B0 #FFCFB7

#9A8DB4 - #D9A3C7 - #FFCFB7

CSS codes

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

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