#FFA76B - #FFE4D4 | 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 #FFA76B to #FFE4D4

#FFA76B #FFE4D4

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

#FFA76B - #FFE4D4 | 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 #FFA76B as 0% and #FFE4D4 as 100%.

0.0%	0.0% #FFA76B	RGB 255 167 107	#FFA76B
16.7%	16.7% #FFB17C	RGB 255 177 124	#FFB17C
33.3%	33.3% #FFBB8E	RGB 255 187 142	#FFBB8E
50.0%	50.0% #FFC59F	RGB 255 197 159	#FFC59F
66.7%	66.7% #FFCFB1	RGB 255 207 177	#FFCFB1
83.3%	83.3% #FFD9C2	RGB 255 217 194	#FFD9C2
100.0%	100.0% #FFE4D4	RGB 255 228 212	#FFE4D4

#FFA76B #FFB17C #FFBB8E #FFC59F #FFCFB1 #FFD9C2 #FFE4D4

#FFA76B - #FFE4D4

HSV Blend

#FFA76B - #FFE4D4 | 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 #FFA76B as 0% and #FFE4D4 as 100%.

0.0%	0.0% #FFA76B	RGB 255 167 107	#FFA76B
16.7%	16.7% #FFB07C	RGB 255 176 124	#FFB07C
33.3%	33.3% #FFBA8E	RGB 255 186 142	#FFBA8E
50.0%	50.0% #FFC49F	RGB 255 196 159	#FFC49F
66.7%	66.7% #FFCEB1	RGB 255 206 177	#FFCEB1
83.3%	83.3% #FFD9C2	RGB 255 217 194	#FFD9C2
100.0%	100.0% #FFE4D4	RGB 255 228 212	#FFE4D4

#FFA76B #FFB07C #FFBA8E #FFC49F #FFCEB1 #FFD9C2 #FFE4D4

#FFA76B - #FFC49F - #FFE4D4

CSS codes

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

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