#C8C0CD - #69618D | 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 #C8C0CD to #69618D

#C8C0CD #69618D

Calculate the color between two colors, #C8C0CD and #69618D. 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)

#C8C0CD - #69618D | 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 #C8C0CD as 0% and #69618D as 100%.

0.0%	0.0% #C8C0CD	RGB 200 192 205	#C8C0CD
16.7%	16.7% #B8B0C2	RGB 184 176 194	#B8B0C2
33.3%	33.3% #A8A0B7	RGB 168 160 183	#A8A0B7
50.0%	50.0% #9890AD	RGB 152 144 173	#9890AD
66.7%	66.7% #8880A2	RGB 136 128 162	#8880A2
83.3%	83.3% #787097	RGB 120 112 151	#787097
100.0%	100.0% #69618D	RGB 105 97 141	#69618D

#C8C0CD #B8B0C2 #A8A0B7 #9890AD #8880A2 #787097 #69618D

#C8C0CD - #69618D

HSV Blend

#C8C0CD - #69618D | 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 #C8C0CD as 0% and #69618D as 100%.

0.0%	0.0% #C8C0CD	RGB 200 192 205	#C8C0CD
16.7%	16.7% #B9ADC2	RGB 185 173 194	#B9ADC2
33.3%	33.3% #A99CB7	RGB 169 156 183	#A99CB7
50.0%	50.0% #998CAD	RGB 153 140 173	#998CAD
66.7%	66.7% #897DA2	RGB 137 125 162	#897DA2
83.3%	83.3% #796E97	RGB 121 110 151	#796E97
100.0%	100.0% #69618D	RGB 105 97 141	#69618D

#C8C0CD #B9ADC2 #A99CB7 #998CAD #897DA2 #796E97 #69618D

#C8C0CD - #998CAD - #69618D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8C0CD 0%, #998CAD 50%, #69618D 100%);
    background: -webkit-linear-gradient(top, #C8C0CD 0%, #998CAD 50%, #69618D 100%);
    background: linear-gradient(to bottom, #C8C0CD 0%, #998CAD 50%, #69618D 100%);
}
</style>