#200F1A - #210008 | 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 #200F1A to #210008

#200F1A #210008

Calculate the color between two colors, #200F1A and #210008. 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)

#200F1A - #210008 | 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 #200F1A as 0% and #210008 as 100%.

0.0%	0.0% #200F1A	RGB 32 15 26	#200F1A
16.7%	16.7% #200C17	RGB 32 12 23	#200C17
33.3%	33.3% #200A14	RGB 32 10 20	#200A14
50.0%	50.0% #200711	RGB 32 7 17	#200711
66.7%	66.7% #20050E	RGB 32 5 14	#20050E
83.3%	83.3% #20020B	RGB 32 2 11	#20020B
100.0%	100.0% #210008	RGB 33 0 8	#210008

#200F1A #200C17 #200A14 #200711 #20050E #20020B #210008

#200F1A - #210008

HSV Blend

#200F1A - #210008 | 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 #200F1A as 0% and #210008 as 100%.

0.0%	0.0% #200F1A	RGB 32 15 26	#200F1A
16.7%	16.7% #200C17	RGB 32 12 23	#200C17
33.3%	33.3% #200A15	RGB 32 10 21	#200A15
50.0%	50.0% #200712	RGB 32 7 18	#200712
66.7%	66.7% #20050F	RGB 32 5 15	#20050F
83.3%	83.3% #20020B	RGB 32 2 11	#20020B
100.0%	100.0% #210008	RGB 33 0 8	#210008

#200F1A #200C17 #200A15 #200712 #20050F #20020B #210008

#200F1A - #200712 - #210008

CSS codes

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

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