#CC3D3D - #8A130E | 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 #CC3D3D to #8A130E

#CC3D3D #8A130E

Calculate the color between two colors, #CC3D3D and #8A130E. 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)

#CC3D3D - #8A130E | 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 #CC3D3D as 0% and #8A130E as 100%.

0.0%	0.0% #CC3D3D	RGB 204 61 61	#CC3D3D
16.7%	16.7% #C13635	RGB 193 54 53	#C13635
33.3%	33.3% #B62F2D	RGB 182 47 45	#B62F2D
50.0%	50.0% #AB2825	RGB 171 40 37	#AB2825
66.7%	66.7% #A0211D	RGB 160 33 29	#A0211D
83.3%	83.3% #951A15	RGB 149 26 21	#951A15
100.0%	100.0% #8A130E	RGB 138 19 14	#8A130E

#CC3D3D #C13635 #B62F2D #AB2825 #A0211D #951A15 #8A130E

#CC3D3D - #8A130E

HSV Blend

#CC3D3D - #8A130E | 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 #CC3D3D as 0% and #8A130E as 100%.

0.0%	0.0% #CC3D3D	RGB 204 61 61	#CC3D3D
16.7%	16.7% #C13433	RGB 193 52 51	#C13433
33.3%	33.3% #B62C2A	RGB 182 44 42	#B62C2A
50.0%	50.0% #AB2422	RGB 171 36 34	#AB2422
66.7%	66.7% #A01E1A	RGB 160 30 26	#A01E1A
83.3%	83.3% #951814	RGB 149 24 20	#951814
100.0%	100.0% #8A130E	RGB 138 19 14	#8A130E

#CC3D3D #C13433 #B62C2A #AB2422 #A01E1A #951814 #8A130E

#CC3D3D - #AB2422 - #8A130E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CC3D3D 0%, #AB2422 50%, #8A130E 100%);
    background: -webkit-linear-gradient(top, #CC3D3D 0%, #AB2422 50%, #8A130E 100%);
    background: linear-gradient(to bottom, #CC3D3D 0%, #AB2422 50%, #8A130E 100%);
}
</style>