#C68BA1 - #8F3352 | 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 #C68BA1 to #8F3352

#C68BA1 #8F3352

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

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

0.0%	0.0% #C68BA1	RGB 198 139 161	#C68BA1
16.7%	16.7% #BC7C93	RGB 188 124 147	#BC7C93
33.3%	33.3% #B36D86	RGB 179 109 134	#B36D86
50.0%	50.0% #AA5F79	RGB 170 95 121	#AA5F79
66.7%	66.7% #A1506C	RGB 161 80 108	#A1506C
83.3%	83.3% #98415F	RGB 152 65 95	#98415F
100.0%	100.0% #8F3352	RGB 143 51 82	#8F3352

#C68BA1 #BC7C93 #B36D86 #AA5F79 #A1506C #98415F #8F3352

#C68BA1 - #8F3352

HSV Blend

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

0.0%	0.0% #C68BA1	RGB 198 139 161	#C68BA1
16.7%	16.7% #BC7992	RGB 188 121 146	#BC7992
33.3%	33.3% #B36984	RGB 179 105 132	#B36984
50.0%	50.0% #AA5A76	RGB 170 90 118	#AA5A76
66.7%	66.7% #A14C69	RGB 161 76 105	#A14C69
83.3%	83.3% #983F5D	RGB 152 63 93	#983F5D
100.0%	100.0% #8F3352	RGB 143 51 82	#8F3352

#C68BA1 #BC7992 #B36984 #AA5A76 #A14C69 #983F5D #8F3352

#C68BA1 - #AA5A76 - #8F3352

CSS codes

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

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