#A28B7E - #FECF9C | 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 #A28B7E to #FECF9C

#A28B7E #FECF9C

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

#A28B7E - #FECF9C | 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 #A28B7E as 0% and #FECF9C as 100%.

0.0%	0.0% #A28B7E	RGB 162 139 126	#A28B7E
16.7%	16.7% #B19683	RGB 177 150 131	#B19683
33.3%	33.3% #C0A188	RGB 192 161 136	#C0A188
50.0%	50.0% #D0AD8D	RGB 208 173 141	#D0AD8D
66.7%	66.7% #DFB892	RGB 223 184 146	#DFB892
83.3%	83.3% #EEC397	RGB 238 195 151	#EEC397
100.0%	100.0% #FECF9C	RGB 254 207 156	#FECF9C

#A28B7E #B19683 #C0A188 #D0AD8D #DFB892 #EEC397 #FECF9C

#A28B7E - #FECF9C

HSV Blend

#A28B7E - #FECF9C | 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 #A28B7E as 0% and #FECF9C as 100%.

0.0%	0.0% #A28B7E	RGB 162 139 126	#A28B7E
16.7%	16.7% #B19685	RGB 177 150 133	#B19685
33.3%	33.3% #C0A18B	RGB 192 161 139	#C0A18B
50.0%	50.0% #D0AC90	RGB 208 172 144	#D0AC90
66.7%	66.7% #DFB795	RGB 223 183 149	#DFB795
83.3%	83.3% #EEC399	RGB 238 195 153	#EEC399
100.0%	100.0% #FECF9C	RGB 254 207 156	#FECF9C

#A28B7E #B19685 #C0A18B #D0AC90 #DFB795 #EEC399 #FECF9C

#A28B7E - #D0AC90 - #FECF9C

CSS codes

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

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