#C8C8CA - #5E6094 | 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 #C8C8CA to #5E6094

#C8C8CA #5E6094

Calculate the color between two colors, #C8C8CA and #5E6094. 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)

#C8C8CA - #5E6094 | 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 #C8C8CA as 0% and #5E6094 as 100%.

0.0%	0.0% #C8C8CA	RGB 200 200 202	#C8C8CA
16.7%	16.7% #B6B6C1	RGB 182 182 193	#B6B6C1
33.3%	33.3% #A4A5B8	RGB 164 165 184	#A4A5B8
50.0%	50.0% #9394AF	RGB 147 148 175	#9394AF
66.7%	66.7% #8182A6	RGB 129 130 166	#8182A6
83.3%	83.3% #6F719D	RGB 111 113 157	#6F719D
100.0%	100.0% #5E6094	RGB 94 96 148	#5E6094

#C8C8CA #B6B6C1 #A4A5B8 #9394AF #8182A6 #6F719D #5E6094

#C8C8CA - #5E6094

HSV Blend

#C8C8CA - #5E6094 | 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 #C8C8CA as 0% and #5E6094 as 100%.

0.0%	0.0% #C8C8CA	RGB 200 200 202	#C8C8CA
16.7%	16.7% #B3B3C1	RGB 179 179 193	#B3B3C1
33.3%	33.3% #A0A0B8	RGB 160 160 184	#A0A0B8
50.0%	50.0% #8E8EAF	RGB 142 142 175	#8E8EAF
66.7%	66.7% #7D7EA6	RGB 125 126 166	#7D7EA6
83.3%	83.3% #6D6E9D	RGB 109 110 157	#6D6E9D
100.0%	100.0% #5E6094	RGB 94 96 148	#5E6094

#C8C8CA #B3B3C1 #A0A0B8 #8E8EAF #7D7EA6 #6D6E9D #5E6094

#C8C8CA - #8E8EAF - #5E6094

CSS codes

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

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