#280B0B - #663D39 | 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 #280B0B to #663D39

#280B0B #663D39

Calculate the color between two colors, #280B0B and #663D39. 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)

#280B0B - #663D39 | 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 #280B0B as 0% and #663D39 as 100%.

0.0%	0.0% #280B0B	RGB 40 11 11	#280B0B
16.7%	16.7% #321312	RGB 50 19 18	#321312
33.3%	33.3% #3C1B1A	RGB 60 27 26	#3C1B1A
50.0%	50.0% #472422	RGB 71 36 34	#472422
66.7%	66.7% #512C29	RGB 81 44 41	#512C29
83.3%	83.3% #5B3431	RGB 91 52 49	#5B3431
100.0%	100.0% #663D39	RGB 102 61 57	#663D39

#280B0B #321312 #3C1B1A #472422 #512C29 #5B3431 #663D39

#280B0B - #663D39

HSV Blend

#280B0B - #663D39 | 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 #280B0B as 0% and #663D39 as 100%.

0.0%	0.0% #280A0A	RGB 40 10 10	#280A0A
16.7%	16.7% #321010	RGB 50 16 16	#321010
33.3%	33.3% #3C1716	RGB 60 23 22	#3C1716
50.0%	50.0% #471F1D	RGB 71 31 29	#471F1D
66.7%	66.7% #512825	RGB 81 40 37	#512825
83.3%	83.3% #5B322E	RGB 91 50 46	#5B322E
100.0%	100.0% #663D39	RGB 102 61 57	#663D39

#280A0A #321010 #3C1716 #471F1D #512825 #5B322E #663D39

#280B0B - #471F1D - #663D39

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #280A0A 0%, #471F1D 50%, #663D39 100%);
    background: -webkit-linear-gradient(top, #280A0A 0%, #471F1D 50%, #663D39 100%);
    background: linear-gradient(to bottom, #280A0A 0%, #471F1D 50%, #663D39 100%);
}
</style>