#9A8FA3 - #FFCDA5 | 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 #9A8FA3 to #FFCDA5

#9A8FA3 #FFCDA5

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

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

0.0%	0.0% #9A8FA3	RGB 154 143 163	#9A8FA3
16.7%	16.7% #AA99A3	RGB 170 153 163	#AA99A3
33.3%	33.3% #BBA3A3	RGB 187 163 163	#BBA3A3
50.0%	50.0% #CCAEA4	RGB 204 174 164	#CCAEA4
66.7%	66.7% #DDB8A4	RGB 221 184 164	#DDB8A4
83.3%	83.3% #EEC2A4	RGB 238 194 164	#EEC2A4
100.0%	100.0% #FFCDA5	RGB 255 205 165	#FFCDA5

#9A8FA3 #AA99A3 #BBA3A3 #CCAEA4 #DDB8A4 #EEC2A4 #FFCDA5

#9A8FA3 - #FFCDA5

HSV Blend

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

0.0%	0.0% #9A8FA3	RGB 154 143 163	#9A8FA3
16.7%	16.7% #AE95B2	RGB 174 149 178	#AE95B2
33.3%	33.3% #C19BBA	RGB 193 155 186	#C19BBA
50.0%	50.0% #D19FB8	RGB 209 159 184	#D19FB8
66.7%	66.7% #E0A2AD	RGB 224 162 173	#E0A2AD
83.3%	83.3% #EFADA4	RGB 239 173 164	#EFADA4
100.0%	100.0% #FFCDA5	RGB 255 205 165	#FFCDA5

#9A8FA3 #AE95B2 #C19BBA #D19FB8 #E0A2AD #EFADA4 #FFCDA5

#9A8FA3 - #D19FB8 - #FFCDA5

CSS codes

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

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