#B68370 - #FFCA8F | 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 #B68370 to #FFCA8F

#B68370 #FFCA8F

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

#B68370 - #FFCA8F | 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 #B68370 as 0% and #FFCA8F as 100%.

0.0%	0.0% #B68370	RGB 182 131 112	#B68370
16.7%	16.7% #C28E75	RGB 194 142 117	#C28E75
33.3%	33.3% #CE9A7A	RGB 206 154 122	#CE9A7A
50.0%	50.0% #DAA67F	RGB 218 166 127	#DAA67F
66.7%	66.7% #E6B284	RGB 230 178 132	#E6B284
83.3%	83.3% #F2BE89	RGB 242 190 137	#F2BE89
100.0%	100.0% #FFCA8F	RGB 255 202 143	#FFCA8F

#B68370 #C28E75 #CE9A7A #DAA67F #E6B284 #F2BE89 #FFCA8F

#B68370 - #FFCA8F

HSV Blend

#B68370 - #FFCA8F | 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 #B68370 as 0% and #FFCA8F as 100%.

0.0%	0.0% #B68370	RGB 182 131 112	#B68370
16.7%	16.7% #C28D75	RGB 194 141 117	#C28D75
33.3%	33.3% #CE987B	RGB 206 152 123	#CE987B
50.0%	50.0% #DAA480	RGB 218 164 128	#DAA480
66.7%	66.7% #E6B085	RGB 230 176 133	#E6B085
83.3%	83.3% #F2BC8A	RGB 242 188 138	#F2BC8A
100.0%	100.0% #FFCA8F	RGB 255 202 143	#FFCA8F

#B68370 #C28D75 #CE987B #DAA480 #E6B085 #F2BC8A #FFCA8F

#B68370 - #DAA480 - #FFCA8F

CSS codes

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

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