#C0C0C0 - #816EA8 | 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 #C0C0C0 to #816EA8

#C0C0C0 #816EA8

Calculate the color between two colors, #C0C0C0 and #816EA8. 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)

#C0C0C0 - #816EA8 | 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 #C0C0C0 as 0% and #816EA8 as 100%.

0.0%	0.0% #C0C0C0	RGB 192 192 192	#C0C0C0
16.7%	16.7% #B5B2BC	RGB 181 178 188	#B5B2BC
33.3%	33.3% #ABA4B8	RGB 171 164 184	#ABA4B8
50.0%	50.0% #A097B4	RGB 160 151 180	#A097B4
66.7%	66.7% #9689B0	RGB 150 137 176	#9689B0
83.3%	83.3% #8B7BAC	RGB 139 123 172	#8B7BAC
100.0%	100.0% #816EA8	RGB 129 110 168	#816EA8

#C0C0C0 #B5B2BC #ABA4B8 #A097B4 #9689B0 #8B7BAC #816EA8

#C0C0C0 - #816EA8

HSV Blend

#C0C0C0 - #816EA8 | 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 #C0C0C0 as 0% and #816EA8 as 100%.

0.0%	0.0% #C0C0C0	RGB 192 192 192	#C0C0C0
16.7%	16.7% #BCB1B4	RGB 188 177 180	#BCB1B4
33.3%	33.3% #B8A2AE	RGB 184 162 174	#B8A2AE
50.0%	50.0% #B494AE	RGB 180 148 174	#B494AE
66.7%	66.7% #AB87B0	RGB 171 135 176	#AB87B0
83.3%	83.3% #987AAC	RGB 152 122 172	#987AAC
100.0%	100.0% #816EA8	RGB 129 110 168	#816EA8

#C0C0C0 #BCB1B4 #B8A2AE #B494AE #AB87B0 #987AAC #816EA8

#C0C0C0 - #B494AE - #816EA8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0C0C0 0%, #B494AE 50%, #816EA8 100%);
    background: -webkit-linear-gradient(top, #C0C0C0 0%, #B494AE 50%, #816EA8 100%);
    background: linear-gradient(to bottom, #C0C0C0 0%, #B494AE 50%, #816EA8 100%);
}
</style>