#C8C8DA - #79739E | 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 #C8C8DA to #79739E

#C8C8DA #79739E

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

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

0.0%	0.0% #C8C8DA	RGB 200 200 218	#C8C8DA
16.7%	16.7% #BAB9D0	RGB 186 185 208	#BAB9D0
33.3%	33.3% #ADABC6	RGB 173 171 198	#ADABC6
50.0%	50.0% #A09DBC	RGB 160 157 188	#A09DBC
66.7%	66.7% #938FB2	RGB 147 143 178	#938FB2
83.3%	83.3% #8681A8	RGB 134 129 168	#8681A8
100.0%	100.0% #79739E	RGB 121 115 158	#79739E

#C8C8DA #BAB9D0 #ADABC6 #A09DBC #938FB2 #8681A8 #79739E

#C8C8DA - #79739E

HSV Blend

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

0.0%	0.0% #C8C8DA	RGB 200 200 218	#C8C8DA
16.7%	16.7% #B8B8D0	RGB 184 184 208	#B8B8D0
33.3%	33.3% #AAA9C6	RGB 170 169 198	#AAA9C6
50.0%	50.0% #9C9ABC	RGB 156 154 188	#9C9ABC
66.7%	66.7% #908CB2	RGB 144 140 178	#908CB2
83.3%	83.3% #847FA8	RGB 132 127 168	#847FA8
100.0%	100.0% #79739E	RGB 121 115 158	#79739E

#C8C8DA #B8B8D0 #AAA9C6 #9C9ABC #908CB2 #847FA8 #79739E

#C8C8DA - #9C9ABC - #79739E

CSS codes

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

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