#CC1010 - #3A0404 | 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 #CC1010 to #3A0404

#CC1010 #3A0404

Calculate the color between two colors, #CC1010 and #3A0404. 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)

#CC1010 - #3A0404 | 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 #CC1010 as 0% and #3A0404 as 100%.

0.0%	0.0% #CC1010	RGB 204 16 16	#CC1010
16.7%	16.7% #B30E0E	RGB 179 14 14	#B30E0E
33.3%	33.3% #9B0C0C	RGB 155 12 12	#9B0C0C
50.0%	50.0% #830A0A	RGB 131 10 10	#830A0A
66.7%	66.7% #6A0808	RGB 106 8 8	#6A0808
83.3%	83.3% #520606	RGB 82 6 6	#520606
100.0%	100.0% #3A0404	RGB 58 4 4	#3A0404

#CC1010 #B30E0E #9B0C0C #830A0A #6A0808 #520606 #3A0404

#CC1010 - #3A0404

HSV Blend

#CC1010 - #3A0404 | 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 #CC1010 as 0% and #3A0404 as 100%.

0.0%	0.0% #CC1010	RGB 204 16 16	#CC1010
16.7%	16.7% #B30D0D	RGB 179 13 13	#B30D0D
33.3%	33.3% #9B0B0B	RGB 155 11 11	#9B0B0B
50.0%	50.0% #830909	RGB 131 9 9	#830909
66.7%	66.7% #6A0707	RGB 106 7 7	#6A0707
83.3%	83.3% #520505	RGB 82 5 5	#520505
100.0%	100.0% #3A0404	RGB 58 4 4	#3A0404

#CC1010 #B30D0D #9B0B0B #830909 #6A0707 #520505 #3A0404

#CC1010 - #830909 - #3A0404

CSS codes

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

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