#CC3C5C - #3A111A | 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 #CC3C5C to #3A111A

#CC3C5C #3A111A

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

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

0.0%	0.0% #CC3C5C	RGB 204 60 92	#CC3C5C
16.7%	16.7% #B33451	RGB 179 52 81	#B33451
33.3%	33.3% #9B2D46	RGB 155 45 70	#9B2D46
50.0%	50.0% #83263B	RGB 131 38 59	#83263B
66.7%	66.7% #6A1F30	RGB 106 31 48	#6A1F30
83.3%	83.3% #521825	RGB 82 24 37	#521825
100.0%	100.0% #3A111A	RGB 58 17 26	#3A111A

#CC3C5C #B33451 #9B2D46 #83263B #6A1F30 #521825 #3A111A

#CC3C5C - #3A111A

HSV Blend

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

0.0%	0.0% #CC3C5B	RGB 204 60 91	#CC3C5B
16.7%	16.7% #B33450	RGB 179 52 80	#B33450
33.3%	33.3% #9B2D45	RGB 155 45 69	#9B2D45
50.0%	50.0% #83263A	RGB 131 38 58	#83263A
66.7%	66.7% #6A1F2F	RGB 106 31 47	#6A1F2F
83.3%	83.3% #521824	RGB 82 24 36	#521824
100.0%	100.0% #3A111A	RGB 58 17 26	#3A111A

#CC3C5B #B33450 #9B2D45 #83263A #6A1F2F #521824 #3A111A

#CC3C5C - #83263A - #3A111A

CSS codes

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

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