#CC6D8F - #8C1942 | 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 #CC6D8F to #8C1942

#CC6D8F #8C1942

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

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

0.0%	0.0% #CC6D8F	RGB 204 109 143	#CC6D8F
16.7%	16.7% #C15F82	RGB 193 95 130	#C15F82
33.3%	33.3% #B65175	RGB 182 81 117	#B65175
50.0%	50.0% #AC4368	RGB 172 67 104	#AC4368
66.7%	66.7% #A1355B	RGB 161 53 91	#A1355B
83.3%	83.3% #96274E	RGB 150 39 78	#96274E
100.0%	100.0% #8C1942	RGB 140 25 66	#8C1942

#CC6D8F #C15F82 #B65175 #AC4368 #A1355B #96274E #8C1942

#CC6D8F - #8C1942

HSV Blend

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

0.0%	0.0% #CC6D8F	RGB 204 109 143	#CC6D8F
16.7%	16.7% #C15B80	RGB 193 91 128	#C15B80
33.3%	33.3% #B64B72	RGB 182 75 114	#B64B72
50.0%	50.0% #AC3D64	RGB 172 61 100	#AC3D64
66.7%	66.7% #A12F58	RGB 161 47 88	#A12F58
83.3%	83.3% #96234C	RGB 150 35 76	#96234C
100.0%	100.0% #8C1942	RGB 140 25 66	#8C1942

#CC6D8F #C15B80 #B64B72 #AC3D64 #A12F58 #96234C #8C1942

#CC6D8F - #AC3D64 - #8C1942

CSS codes

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

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