#948C92 - #FFD2AF | 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 #948C92 to #FFD2AF

#948C92 #FFD2AF

Calculate the color between two colors, #948C92 and #FFD2AF. 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)

#948C92 - #FFD2AF | 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 #948C92 as 0% and #FFD2AF as 100%.

0.0%	0.0% #948C92	RGB 148 140 146	#948C92
16.7%	16.7% #A59796	RGB 165 151 150	#A59796
33.3%	33.3% #B7A39B	RGB 183 163 155	#B7A39B
50.0%	50.0% #C9AFA0	RGB 201 175 160	#C9AFA0
66.7%	66.7% #DBBAA5	RGB 219 186 165	#DBBAA5
83.3%	83.3% #EDC6AA	RGB 237 198 170	#EDC6AA
100.0%	100.0% #FFD2AF	RGB 255 210 175	#FFD2AF

#948C92 #A59796 #B7A39B #C9AFA0 #DBBAA5 #EDC6AA #FFD2AF

#948C92 - #FFD2AF

HSV Blend

#948C92 - #FFD2AF | 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 #948C92 as 0% and #FFD2AF as 100%.

0.0%	0.0% #948C92	RGB 148 140 146	#948C92
16.7%	16.7% #A5959E	RGB 165 149 158	#A5959E
33.3%	33.3% #B79DA6	RGB 183 157 166	#B79DA6
50.0%	50.0% #C9A4AA	RGB 201 164 170	#C9A4AA
66.7%	66.7% #DBABA9	RGB 219 171 169	#DBABA9
83.3%	83.3% #EDBCAD	RGB 237 188 173	#EDBCAD
100.0%	100.0% #FFD2AF	RGB 255 210 175	#FFD2AF

#948C92 #A5959E #B79DA6 #C9A4AA #DBABA9 #EDBCAD #FFD2AF

#948C92 - #C9A4AA - #FFD2AF

CSS codes

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

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