#280A1F - #210007 | 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 #280A1F to #210007

#280A1F #210007

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

#280A1F - #210007 | 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 #280A1F as 0% and #210007 as 100%.

0.0%	0.0% #280A1F	RGB 40 10 31	#280A1F
16.7%	16.7% #26081B	RGB 38 8 27	#26081B
33.3%	33.3% #250617	RGB 37 6 23	#250617
50.0%	50.0% #240513	RGB 36 5 19	#240513
66.7%	66.7% #23030F	RGB 35 3 15	#23030F
83.3%	83.3% #22010B	RGB 34 1 11	#22010B
100.0%	100.0% #210007	RGB 33 0 7	#210007

#280A1F #26081B #250617 #240513 #23030F #22010B #210007

#280A1F - #210007

HSV Blend

#280A1F - #210007 | 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 #280A1F as 0% and #210007 as 100%.

0.0%	0.0% #280A1F	RGB 40 10 31	#280A1F
16.7%	16.7% #26081B	RGB 38 8 27	#26081B
33.3%	33.3% #250617	RGB 37 6 23	#250617
50.0%	50.0% #240413	RGB 36 4 19	#240413
66.7%	66.7% #23020F	RGB 35 2 15	#23020F
83.3%	83.3% #22010B	RGB 34 1 11	#22010B
100.0%	100.0% #210007	RGB 33 0 7	#210007

#280A1F #26081B #250617 #240413 #23020F #22010B #210007

#280A1F - #240413 - #210007

CSS codes

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

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