#CC5E5C - #9D1F19 | 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 #CC5E5C to #9D1F19

#CC5E5C #9D1F19

Calculate the color between two colors, #CC5E5C and #9D1F19. 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)

#CC5E5C - #9D1F19 | 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 #CC5E5C as 0% and #9D1F19 as 100%.

0.0%	0.0% #CC5E5C	RGB 204 94 92	#CC5E5C
16.7%	16.7% #C45350	RGB 196 83 80	#C45350
33.3%	33.3% #BC4945	RGB 188 73 69	#BC4945
50.0%	50.0% #B43E3A	RGB 180 62 58	#B43E3A
66.7%	66.7% #AC342F	RGB 172 52 47	#AC342F
83.3%	83.3% #A42924	RGB 164 41 36	#A42924
100.0%	100.0% #9D1F19	RGB 157 31 25	#9D1F19

#CC5E5C #C45350 #BC4945 #B43E3A #AC342F #A42924 #9D1F19

#CC5E5C - #9D1F19

HSV Blend

#CC5E5C - #9D1F19 | 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 #CC5E5C as 0% and #9D1F19 as 100%.

0.0%	0.0% #CC5E5C	RGB 204 94 92	#CC5E5C
16.7%	16.7% #C4514E	RGB 196 81 78	#C4514E
33.3%	33.3% #BC4542	RGB 188 69 66	#BC4542
50.0%	50.0% #B43B37	RGB 180 59 55	#B43B37
66.7%	66.7% #AC302C	RGB 172 48 44	#AC302C
83.3%	83.3% #A42722	RGB 164 39 34	#A42722
100.0%	100.0% #9D1F19	RGB 157 31 25	#9D1F19

#CC5E5C #C4514E #BC4542 #B43B37 #AC302C #A42722 #9D1F19

#CC5E5C - #B43B37 - #9D1F19

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CC5E5C 0%, #B43B37 50%, #9D1F19 100%);
    background: -webkit-linear-gradient(top, #CC5E5C 0%, #B43B37 50%, #9D1F19 100%);
    background: linear-gradient(to bottom, #CC5E5C 0%, #B43B37 50%, #9D1F19 100%);
}
</style>