#99512B - #CF6B5E | 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 #99512B to #CF6B5E

#99512B #CF6B5E

Calculate the color between two colors, #99512B and #CF6B5E. 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)

#99512B - #CF6B5E | 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 #99512B as 0% and #CF6B5E as 100%.

0.0%	0.0% #99512B	RGB 153 81 43	#99512B
16.7%	16.7% #A25533	RGB 162 85 51	#A25533
33.3%	33.3% #AB593C	RGB 171 89 60	#AB593C
50.0%	50.0% #B45E44	RGB 180 94 68	#B45E44
66.7%	66.7% #BD624D	RGB 189 98 77	#BD624D
83.3%	83.3% #C66655	RGB 198 102 85	#C66655
100.0%	100.0% #CF6B5E	RGB 207 107 94	#CF6B5E

#99512B #A25533 #AB593C #B45E44 #BD624D #C66655 #CF6B5E

#99512B - #CF6B5E

HSV Blend

#99512B - #CF6B5E | 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 #99512B as 0% and #CF6B5E as 100%.

0.0%	0.0% #99512A	RGB 153 81 42	#99512A
16.7%	16.7% #A25432	RGB 162 84 50	#A25432
33.3%	33.3% #AB5839	RGB 171 88 57	#AB5839
50.0%	50.0% #B45C42	RGB 180 92 66	#B45C42
66.7%	66.7% #BD604A	RGB 189 96 74	#BD604A
83.3%	83.3% #C66554	RGB 198 101 84	#C66554
100.0%	100.0% #CF6B5E	RGB 207 107 94	#CF6B5E

#99512A #A25432 #AB5839 #B45C42 #BD604A #C66554 #CF6B5E

#99512B - #B45C42 - #CF6B5E

CSS codes

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

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