#CC4C64 - #3A151C | 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 #CC4C64 to #3A151C

#CC4C64 #3A151C

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

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

0.0%	0.0% #CC4C64	RGB 204 76 100	#CC4C64
16.7%	16.7% #B34258	RGB 179 66 88	#B34258
33.3%	33.3% #9B394C	RGB 155 57 76	#9B394C
50.0%	50.0% #833040	RGB 131 48 64	#833040
66.7%	66.7% #6A2734	RGB 106 39 52	#6A2734
83.3%	83.3% #521E28	RGB 82 30 40	#521E28
100.0%	100.0% #3A151C	RGB 58 21 28	#3A151C

#CC4C64 #B34258 #9B394C #833040 #6A2734 #521E28 #3A151C

#CC4C64 - #3A151C

HSV Blend

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

0.0%	0.0% #CC4C64	RGB 204 76 100	#CC4C64
16.7%	16.7% #B34257	RGB 179 66 87	#B34257
33.3%	33.3% #9B394B	RGB 155 57 75	#9B394B
50.0%	50.0% #83303F	RGB 131 48 63	#83303F
66.7%	66.7% #6A2633	RGB 106 38 51	#6A2633
83.3%	83.3% #521D27	RGB 82 29 39	#521D27
100.0%	100.0% #3A151C	RGB 58 21 28	#3A151C

#CC4C64 #B34257 #9B394B #83303F #6A2633 #521D27 #3A151C

#CC4C64 - #83303F - #3A151C

CSS codes

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

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