#C9A596 - #FFE2B5 | 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 #C9A596 to #FFE2B5

#C9A596 #FFE2B5

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

#C9A596 - #FFE2B5 | 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 #C9A596 as 0% and #FFE2B5 as 100%.

0.0%	0.0% #C9A596	RGB 201 165 150	#C9A596
16.7%	16.7% #D2AF9B	RGB 210 175 155	#D2AF9B
33.3%	33.3% #DBB9A0	RGB 219 185 160	#DBB9A0
50.0%	50.0% #E4C3A5	RGB 228 195 165	#E4C3A5
66.7%	66.7% #EDCDAA	RGB 237 205 170	#EDCDAA
83.3%	83.3% #F6D7AF	RGB 246 215 175	#F6D7AF
100.0%	100.0% #FFE2B5	RGB 255 226 181	#FFE2B5

#C9A596 #D2AF9B #DBB9A0 #E4C3A5 #EDCDAA #F6D7AF #FFE2B5

#C9A596 - #FFE2B5

HSV Blend

#C9A596 - #FFE2B5 | 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 #C9A596 as 0% and #FFE2B5 as 100%.

0.0%	0.0% #C9A596	RGB 201 165 150	#C9A596
16.7%	16.7% #D2AE9B	RGB 210 174 155	#D2AE9B
33.3%	33.3% #DBB7A0	RGB 219 183 160	#DBB7A0
50.0%	50.0% #E4C1A5	RGB 228 193 165	#E4C1A5
66.7%	66.7% #EDCCAB	RGB 237 204 171	#EDCCAB
83.3%	83.3% #F6D6B0	RGB 246 214 176	#F6D6B0
100.0%	100.0% #FFE2B5	RGB 255 226 181	#FFE2B5

#C9A596 #D2AE9B #DBB7A0 #E4C1A5 #EDCCAB #F6D6B0 #FFE2B5

#C9A596 - #E4C1A5 - #FFE2B5

CSS codes

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

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