#B05D4F - #FAA96B | 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 #B05D4F to #FAA96B

#B05D4F #FAA96B

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

#B05D4F - #FAA96B | 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 #B05D4F as 0% and #FAA96B as 100%.

0.0%	0.0% #B05D4F	RGB 176 93 79	#B05D4F
16.7%	16.7% #BC6953	RGB 188 105 83	#BC6953
33.3%	33.3% #C87658	RGB 200 118 88	#C87658
50.0%	50.0% #D5835D	RGB 213 131 93	#D5835D
66.7%	66.7% #E18F61	RGB 225 143 97	#E18F61
83.3%	83.3% #ED9C66	RGB 237 156 102	#ED9C66
100.0%	100.0% #FAA96B	RGB 250 169 107	#FAA96B

#B05D4F #BC6953 #C87658 #D5835D #E18F61 #ED9C66 #FAA96B

#B05D4F - #FAA96B

HSV Blend

#B05D4F - #FAA96B | 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 #B05D4F as 0% and #FAA96B as 100%.

0.0%	0.0% #B05D4F	RGB 176 93 79	#B05D4F
16.7%	16.7% #BC6753	RGB 188 103 83	#BC6753
33.3%	33.3% #C87358	RGB 200 115 88	#C87358
50.0%	50.0% #D57F5D	RGB 213 127 93	#D57F5D
66.7%	66.7% #E18C62	RGB 225 140 98	#E18C62
83.3%	83.3% #ED9A66	RGB 237 154 102	#ED9A66
100.0%	100.0% #FAA96B	RGB 250 169 107	#FAA96B

#B05D4F #BC6753 #C87358 #D57F5D #E18C62 #ED9A66 #FAA96B

#B05D4F - #D57F5D - #FAA96B

CSS codes

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

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