#75000C - #210004 | 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 #75000C to #210004

#75000C #210004

Calculate the color between two colors, #75000C and #210004. 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)

#75000C - #210004 | 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 #75000C as 0% and #210004 as 100%.

0.0%	0.0% #75000C	RGB 117 0 12	#75000C
16.7%	16.7% #67000A	RGB 103 0 10	#67000A
33.3%	33.3% #590009	RGB 89 0 9	#590009
50.0%	50.0% #4B0008	RGB 75 0 8	#4B0008
66.7%	66.7% #3D0006	RGB 61 0 6	#3D0006
83.3%	83.3% #2F0005	RGB 47 0 5	#2F0005
100.0%	100.0% #210004	RGB 33 0 4	#210004

#75000C #67000A #590009 #4B0008 #3D0006 #2F0005 #210004

#75000C - #210004

HSV Blend

#75000C - #210004 | 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 #75000C as 0% and #210004 as 100%.

0.0%	0.0% #75000C	RGB 117 0 12	#75000C
16.7%	16.7% #67000A	RGB 103 0 10	#67000A
33.3%	33.3% #590009	RGB 89 0 9	#590009
50.0%	50.0% #4B0008	RGB 75 0 8	#4B0008
66.7%	66.7% #3D0007	RGB 61 0 7	#3D0007
83.3%	83.3% #2F0005	RGB 47 0 5	#2F0005
100.0%	100.0% #210004	RGB 33 0 4	#210004

#75000C #67000A #590009 #4B0008 #3D0007 #2F0005 #210004

#75000C - #4B0008 - #210004

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #75000C 0%, #4B0008 50%, #210004 100%);
    background: -webkit-linear-gradient(top, #75000C 0%, #4B0008 50%, #210004 100%);
    background: linear-gradient(to bottom, #75000C 0%, #4B0008 50%, #210004 100%);
}
</style>