#CC7A8C - #8D283F | 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 #CC7A8C to #8D283F

#CC7A8C #8D283F

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

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

0.0%	0.0% #CC7A8C	RGB 204 122 140	#CC7A8C
16.7%	16.7% #C16C7F	RGB 193 108 127	#C16C7F
33.3%	33.3% #B75E72	RGB 183 94 114	#B75E72
50.0%	50.0% #AC5165	RGB 172 81 101	#AC5165
66.7%	66.7% #A24358	RGB 162 67 88	#A24358
83.3%	83.3% #97354B	RGB 151 53 75	#97354B
100.0%	100.0% #8D283F	RGB 141 40 63	#8D283F

#CC7A8C #C16C7F #B75E72 #AC5165 #A24358 #97354B #8D283F

#CC7A8C - #8D283F

HSV Blend

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

0.0%	0.0% #CC7A8B	RGB 204 122 139	#CC7A8B
16.7%	16.7% #C1697D	RGB 193 105 125	#C1697D
33.3%	33.3% #B75A6E	RGB 183 90 110	#B75A6E
50.0%	50.0% #AC4C61	RGB 172 76 97	#AC4C61
66.7%	66.7% #A23E55	RGB 162 62 85	#A23E55
83.3%	83.3% #973249	RGB 151 50 73	#973249
100.0%	100.0% #8D283F	RGB 141 40 63	#8D283F

#CC7A8B #C1697D #B75A6E #AC4C61 #A23E55 #973249 #8D283F

#CC7A8C - #AC4C61 - #8D283F

CSS codes

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

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