#C48D9A - #7E384B | 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 #C48D9A to #7E384B

#C48D9A #7E384B

Calculate the color between two colors, #C48D9A and #7E384B. 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)

#C48D9A - #7E384B | 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 #C48D9A as 0% and #7E384B as 100%.

0.0%	0.0% #C48D9A	RGB 196 141 154	#C48D9A
16.7%	16.7% #B87E8C	RGB 184 126 140	#B87E8C
33.3%	33.3% #AC707F	RGB 172 112 127	#AC707F
50.0%	50.0% #A16272	RGB 161 98 114	#A16272
66.7%	66.7% #955465	RGB 149 84 101	#955465
83.3%	83.3% #894658	RGB 137 70 88	#894658
100.0%	100.0% #7E384B	RGB 126 56 75	#7E384B

#C48D9A #B87E8C #AC707F #A16272 #955465 #894658 #7E384B

#C48D9A - #7E384B

HSV Blend

#C48D9A - #7E384B | 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 #C48D9A as 0% and #7E384B as 100%.

0.0%	0.0% #C48D99	RGB 196 141 153	#C48D99
16.7%	16.7% #B87C8A	RGB 184 124 138	#B87C8A
33.3%	33.3% #AC6C7C	RGB 172 108 124	#AC6C7C
50.0%	50.0% #A15D6E	RGB 161 93 110	#A15D6E
66.7%	66.7% #955062	RGB 149 80 98	#955062
83.3%	83.3% #894356	RGB 137 67 86	#894356
100.0%	100.0% #7E384B	RGB 126 56 75	#7E384B

#C48D99 #B87C8A #AC6C7C #A15D6E #955062 #894356 #7E384B

#C48D9A - #A15D6E - #7E384B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C48D99 0%, #A15D6E 50%, #7E384B 100%);
    background: -webkit-linear-gradient(top, #C48D99 0%, #A15D6E 50%, #7E384B 100%);
    background: linear-gradient(to bottom, #C48D99 0%, #A15D6E 50%, #7E384B 100%);
}
</style>