#C1ABC6 - #78507E | 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 #C1ABC6 to #78507E

#C1ABC6 #78507E

Calculate the color between two colors, #C1ABC6 and #78507E. 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)

#C1ABC6 - #78507E | 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 #C1ABC6 as 0% and #78507E as 100%.

0.0%	0.0% #C1ABC6	RGB 193 171 198	#C1ABC6
16.7%	16.7% #B49BBA	RGB 180 155 186	#B49BBA
33.3%	33.3% #A88CAE	RGB 168 140 174	#A88CAE
50.0%	50.0% #9C7DA2	RGB 156 125 162	#9C7DA2
66.7%	66.7% #906E96	RGB 144 110 150	#906E96
83.3%	83.3% #845F8A	RGB 132 95 138	#845F8A
100.0%	100.0% #78507E	RGB 120 80 126	#78507E

#C1ABC6 #B49BBA #A88CAE #9C7DA2 #906E96 #845F8A #78507E

#C1ABC6 - #78507E

HSV Blend

#C1ABC6 - #78507E | 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 #C1ABC6 as 0% and #78507E as 100%.

0.0%	0.0% #C1ABC6	RGB 193 171 198	#C1ABC6
16.7%	16.7% #B499BA	RGB 180 153 186	#B499BA
33.3%	33.3% #A789AE	RGB 167 137 174	#A789AE
50.0%	50.0% #9B79A2	RGB 155 121 162	#9B79A2
66.7%	66.7% #8F6A96	RGB 143 106 150	#8F6A96
83.3%	83.3% #835C8A	RGB 131 92 138	#835C8A
100.0%	100.0% #78507E	RGB 120 80 126	#78507E

#C1ABC6 #B499BA #A789AE #9B79A2 #8F6A96 #835C8A #78507E

#C1ABC6 - #9B79A2 - #78507E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C1ABC6 0%, #9B79A2 50%, #78507E 100%);
    background: -webkit-linear-gradient(top, #C1ABC6 0%, #9B79A2 50%, #78507E 100%);
    background: linear-gradient(to bottom, #C1ABC6 0%, #9B79A2 50%, #78507E 100%);
}
</style>