#CC6D72 - #8C191F | 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 #CC6D72 to #8C191F

#CC6D72 #8C191F

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

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

0.0%	0.0% #CC6D72	RGB 204 109 114	#CC6D72
16.7%	16.7% #C15F64	RGB 193 95 100	#C15F64
33.3%	33.3% #B65156	RGB 182 81 86	#B65156
50.0%	50.0% #AC4348	RGB 172 67 72	#AC4348
66.7%	66.7% #A1353A	RGB 161 53 58	#A1353A
83.3%	83.3% #96272C	RGB 150 39 44	#96272C
100.0%	100.0% #8C191F	RGB 140 25 31	#8C191F

#CC6D72 #C15F64 #B65156 #AC4348 #A1353A #96272C #8C191F

#CC6D72 - #8C191F

HSV Blend

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

0.0%	0.0% #CC6D72	RGB 204 109 114	#CC6D72
16.7%	16.7% #C15B61	RGB 193 91 97	#C15B61
33.3%	33.3% #B64B51	RGB 182 75 81	#B64B51
50.0%	50.0% #AC3D43	RGB 172 61 67	#AC3D43
66.7%	66.7% #A12F35	RGB 161 47 53	#A12F35
83.3%	83.3% #962329	RGB 150 35 41	#962329
100.0%	100.0% #8C191F	RGB 140 25 31	#8C191F

#CC6D72 #C15B61 #B64B51 #AC3D43 #A12F35 #962329 #8C191F

#CC6D72 - #AC3D43 - #8C191F

CSS codes

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

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