#C4C6D1 - #6B6B8D | 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 #C4C6D1 to #6B6B8D

#C4C6D1 #6B6B8D

Calculate the color between two colors, #C4C6D1 and #6B6B8D. 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)

#C4C6D1 - #6B6B8D | 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 #C4C6D1 as 0% and #6B6B8D as 100%.

0.0%	0.0% #C4C6D1	RGB 196 198 209	#C4C6D1
16.7%	16.7% #B5B6C5	RGB 181 182 197	#B5B6C5
33.3%	33.3% #A6A7BA	RGB 166 167 186	#A6A7BA
50.0%	50.0% #9798AF	RGB 151 152 175	#9798AF
66.7%	66.7% #8889A3	RGB 136 137 163	#8889A3
83.3%	83.3% #797A98	RGB 121 122 152	#797A98
100.0%	100.0% #6B6B8D	RGB 107 107 141	#6B6B8D

#C4C6D1 #B5B6C5 #A6A7BA #9798AF #8889A3 #797A98 #6B6B8D

#C4C6D1 - #6B6B8D

HSV Blend

#C4C6D1 - #6B6B8D | 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 #C4C6D1 as 0% and #6B6B8D as 100%.

0.0%	0.0% #C4C6D1	RGB 196 198 209	#C4C6D1
16.7%	16.7% #B3B5C5	RGB 179 181 197	#B3B5C5
33.3%	33.3% #A3A5BA	RGB 163 165 186	#A3A5BA
50.0%	50.0% #9496AF	RGB 148 150 175	#9496AF
66.7%	66.7% #8587A3	RGB 133 135 163	#8587A3
83.3%	83.3% #787898	RGB 120 120 152	#787898
100.0%	100.0% #6B6B8D	RGB 107 107 141	#6B6B8D

#C4C6D1 #B3B5C5 #A3A5BA #9496AF #8587A3 #787898 #6B6B8D

#C4C6D1 - #9496AF - #6B6B8D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C4C6D1 0%, #9496AF 50%, #6B6B8D 100%);
    background: -webkit-linear-gradient(top, #C4C6D1 0%, #9496AF 50%, #6B6B8D 100%);
    background: linear-gradient(to bottom, #C4C6D1 0%, #9496AF 50%, #6B6B8D 100%);
}
</style>