#CC1010 - #67100B | 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 #67100B

#CC1010 #67100B

Calculate the color between two colors, #CC1010 and #67100B. 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 - #67100B | 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 #67100B as 100%.

0.0%	0.0% #CC1010	RGB 204 16 16	#CC1010
16.7%	16.7% #BB100F	RGB 187 16 15	#BB100F
33.3%	33.3% #AA100E	RGB 170 16 14	#AA100E
50.0%	50.0% #99100D	RGB 153 16 13	#99100D
66.7%	66.7% #88100C	RGB 136 16 12	#88100C
83.3%	83.3% #77100B	RGB 119 16 11	#77100B
100.0%	100.0% #67100B	RGB 103 16 11	#67100B

#CC1010 #BB100F #AA100E #99100D #88100C #77100B #67100B

#CC1010 - #67100B

HSV Blend

#CC1010 - #67100B | 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 #67100B as 100%.

0.0%	0.0% #CC1010	RGB 204 16 16	#CC1010
16.7%	16.7% #BB110F	RGB 187 17 15	#BB110F
33.3%	33.3% #AA110E	RGB 170 17 14	#AA110E
50.0%	50.0% #99120E	RGB 153 18 14	#99120E
66.7%	66.7% #88110D	RGB 136 17 13	#88110D
83.3%	83.3% #77110C	RGB 119 17 12	#77110C
100.0%	100.0% #67100B	RGB 103 16 11	#67100B

#CC1010 #BB110F #AA110E #99120E #88110D #77110C #67100B

#CC1010 - #99120E - #67100B

CSS codes

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

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