#CC8D9C - #93374D | 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 #CC8D9C to #93374D

#CC8D9C #93374D

Calculate the color between two colors, #CC8D9C and #93374D. 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)

#CC8D9C - #93374D | 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 #CC8D9C as 0% and #93374D as 100%.

0.0%	0.0% #CC8D9C	RGB 204 141 156	#CC8D9C
16.7%	16.7% #C27E8E	RGB 194 126 142	#C27E8E
33.3%	33.3% #B97081	RGB 185 112 129	#B97081
50.0%	50.0% #AF6274	RGB 175 98 116	#AF6274
66.7%	66.7% #A65367	RGB 166 83 103	#A65367
83.3%	83.3% #9C455A	RGB 156 69 90	#9C455A
100.0%	100.0% #93374D	RGB 147 55 77	#93374D

#CC8D9C #C27E8E #B97081 #AF6274 #A65367 #9C455A #93374D

#CC8D9C - #93374D

HSV Blend

#CC8D9C - #93374D | 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 #CC8D9C as 0% and #93374D as 100%.

0.0%	0.0% #CC8D9B	RGB 204 141 155	#CC8D9B
16.7%	16.7% #C27C8C	RGB 194 124 140	#C27C8C
33.3%	33.3% #B96C7E	RGB 185 108 126	#B96C7E
50.0%	50.0% #AF5D71	RGB 175 93 113	#AF5D71
66.7%	66.7% #A64F64	RGB 166 79 100	#A64F64
83.3%	83.3% #9C4258	RGB 156 66 88	#9C4258
100.0%	100.0% #93374D	RGB 147 55 77	#93374D

#CC8D9B #C27C8C #B96C7E #AF5D71 #A64F64 #9C4258 #93374D

#CC8D9C - #AF5D71 - #93374D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CC8D9B 0%, #AF5D71 50%, #93374D 100%);
    background: -webkit-linear-gradient(top, #CC8D9B 0%, #AF5D71 50%, #93374D 100%);
    background: linear-gradient(to bottom, #CC8D9B 0%, #AF5D71 50%, #93374D 100%);
}
</style>