#9A828A - #FFE3AF | 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 #9A828A to #FFE3AF

#9A828A #FFE3AF

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

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

0.0%	0.0% #9A828A	RGB 154 130 138	#9A828A
16.7%	16.7% #AA9290	RGB 170 146 144	#AA9290
33.3%	33.3% #BBA296	RGB 187 162 150	#BBA296
50.0%	50.0% #CCB29C	RGB 204 178 156	#CCB29C
66.7%	66.7% #DDC2A2	RGB 221 194 162	#DDC2A2
83.3%	83.3% #EED2A8	RGB 238 210 168	#EED2A8
100.0%	100.0% #FFE3AF	RGB 255 227 175	#FFE3AF

#9A828A #AA9290 #BBA296 #CCB29C #DDC2A2 #EED2A8 #FFE3AF

#9A828A - #FFE3AF

HSV Blend

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

0.0%	0.0% #9A828A	RGB 154 130 138	#9A828A
16.7%	16.7% #AA8B90	RGB 170 139 144	#AA8B90
33.3%	33.3% #BB9494	RGB 187 148 148	#BB9494
50.0%	50.0% #CCA49C	RGB 204 164 156	#CCA49C
66.7%	66.7% #DDB6A3	RGB 221 182 163	#DDB6A3
83.3%	83.3% #EECAA9	RGB 238 202 169	#EECAA9
100.0%	100.0% #FFE3AF	RGB 255 227 175	#FFE3AF

#9A828A #AA8B90 #BB9494 #CCA49C #DDB6A3 #EECAA9 #FFE3AF

#9A828A - #CCA49C - #FFE3AF

CSS codes

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

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