#280707 - #C1B8B8 | 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 #280707 to #C1B8B8

#280707 #C1B8B8

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

#280707 - #C1B8B8 | 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 #280707 as 0% and #C1B8B8 as 100%.

0.0%	0.0% #280707	RGB 40 7 7	#280707
16.7%	16.7% #412424	RGB 65 36 36	#412424
33.3%	33.3% #5B4242	RGB 91 66 66	#5B4242
50.0%	50.0% #745F5F	RGB 116 95 95	#745F5F
66.7%	66.7% #8E7D7D	RGB 142 125 125	#8E7D7D
83.3%	83.3% #A79A9A	RGB 167 154 154	#A79A9A
100.0%	100.0% #C1B8B8	RGB 193 184 184	#C1B8B8

#280707 #412424 #5B4242 #745F5F #8E7D7D #A79A9A #C1B8B8

#280707 - #C1B8B8

HSV Blend

#280707 - #C1B8B8 | 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 #280707 as 0% and #C1B8B8 as 100%.

0.0%	0.0% #280707	RGB 40 7 7	#280707
16.7%	16.7% #411313	RGB 65 19 19	#411313
33.3%	33.3% #5B2727	RGB 91 39 39	#5B2727
50.0%	50.0% #744141	RGB 116 65 65	#744141
66.7%	66.7% #8E6262	RGB 142 98 98	#8E6262
83.3%	83.3% #A78989	RGB 167 137 137	#A78989
100.0%	100.0% #C1B8B8	RGB 193 184 184	#C1B8B8

#280707 #411313 #5B2727 #744141 #8E6262 #A78989 #C1B8B8

#280707 - #744141 - #C1B8B8

CSS codes

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

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