#451313 - #C9BBBB | 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 #451313 to #C9BBBB

#451313 #C9BBBB

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

#451313 - #C9BBBB | 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 #451313 as 0% and #C9BBBB as 100%.

0.0%	0.0% #451313	RGB 69 19 19	#451313
16.7%	16.7% #5B2F2F	RGB 91 47 47	#5B2F2F
33.3%	33.3% #714B4B	RGB 113 75 75	#714B4B
50.0%	50.0% #876767	RGB 135 103 103	#876767
66.7%	66.7% #9D8383	RGB 157 131 131	#9D8383
83.3%	83.3% #B39F9F	RGB 179 159 159	#B39F9F
100.0%	100.0% #C9BBBB	RGB 201 187 187	#C9BBBB

#451313 #5B2F2F #714B4B #876767 #9D8383 #B39F9F #C9BBBB

#451313 - #C9BBBB

HSV Blend

#451313 - #C9BBBB | 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 #451313 as 0% and #C9BBBB as 100%.

0.0%	0.0% #451313	RGB 69 19 19	#451313
16.7%	16.7% #5B2222	RGB 91 34 34	#5B2222
33.3%	33.3% #713737	RGB 113 55 55	#713737
50.0%	50.0% #875151	RGB 135 81 81	#875151
66.7%	66.7% #9D6F6F	RGB 157 111 111	#9D6F6F
83.3%	83.3% #B39292	RGB 179 146 146	#B39292
100.0%	100.0% #C9BBBB	RGB 201 187 187	#C9BBBB

#451313 #5B2222 #713737 #875151 #9D6F6F #B39292 #C9BBBB

#451313 - #875151 - #C9BBBB

CSS codes

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

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