#C0769B - #8D133D | 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 #C0769B to #8D133D

#C0769B #8D133D

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

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

0.0%	0.0% #C0769B	RGB 192 118 155	#C0769B
16.7%	16.7% #B7658B	RGB 183 101 139	#B7658B
33.3%	33.3% #AF557B	RGB 175 85 123	#AF557B
50.0%	50.0% #A6446C	RGB 166 68 108	#A6446C
66.7%	66.7% #9E345C	RGB 158 52 92	#9E345C
83.3%	83.3% #95234C	RGB 149 35 76	#95234C
100.0%	100.0% #8D133D	RGB 141 19 61	#8D133D

#C0769B #B7658B #AF557B #A6446C #9E345C #95234C #8D133D

#C0769B - #8D133D

HSV Blend

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

0.0%	0.0% #C0769B	RGB 192 118 155	#C0769B
16.7%	16.7% #B7628A	RGB 183 98 138	#B7628A
33.3%	33.3% #AF4F7A	RGB 175 79 122	#AF4F7A
50.0%	50.0% #A63E6A	RGB 166 62 106	#A63E6A
66.7%	66.7% #9E2E5A	RGB 158 46 90	#9E2E5A
83.3%	83.3% #95204B	RGB 149 32 75	#95204B
100.0%	100.0% #8D133D	RGB 141 19 61	#8D133D

#C0769B #B7628A #AF4F7A #A63E6A #9E2E5A #95204B #8D133D

#C0769B - #A63E6A - #8D133D

CSS codes

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

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