#251111 - #C0BBBB | 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 #251111 to #C0BBBB

#251111 #C0BBBB

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

#251111 - #C0BBBB | 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 #251111 as 0% and #C0BBBB as 100%.

0.0%	0.0% #251111	RGB 37 17 17	#251111
16.7%	16.7% #3E2D2D	RGB 62 45 45	#3E2D2D
33.3%	33.3% #584949	RGB 88 73 73	#584949
50.0%	50.0% #726666	RGB 114 102 102	#726666
66.7%	66.7% #8C8282	RGB 140 130 130	#8C8282
83.3%	83.3% #A69E9E	RGB 166 158 158	#A69E9E
100.0%	100.0% #C0BBBB	RGB 192 187 187	#C0BBBB

#251111 #3E2D2D #584949 #726666 #8C8282 #A69E9E #C0BBBB

#251111 - #C0BBBB

HSV Blend

#251111 - #C0BBBB | 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 #251111 as 0% and #C0BBBB as 100%.

0.0%	0.0% #251111	RGB 37 17 17	#251111
16.7%	16.7% #3E2222	RGB 62 34 34	#3E2222
33.3%	33.3% #583737	RGB 88 55 55	#583737
50.0%	50.0% #725252	RGB 114 82 82	#725252
66.7%	66.7% #8C7070	RGB 140 112 112	#8C7070
83.3%	83.3% #A69393	RGB 166 147 147	#A69393
100.0%	100.0% #C0BBBB	RGB 192 187 187	#C0BBBB

#251111 #3E2222 #583737 #725252 #8C7070 #A69393 #C0BBBB

#251111 - #725252 - #C0BBBB

CSS codes

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

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