#C5C6DC - #647BA0 | 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 #C5C6DC to #647BA0

#C5C6DC #647BA0

Calculate the color between two colors, #C5C6DC and #647BA0. 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)

#C5C6DC - #647BA0 | 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 #C5C6DC as 0% and #647BA0 as 100%.

0.0%	0.0% #C5C6DC	RGB 197 198 220	#C5C6DC
16.7%	16.7% #B4B9D2	RGB 180 185 210	#B4B9D2
33.3%	33.3% #A4ADC8	RGB 164 173 200	#A4ADC8
50.0%	50.0% #94A0BE	RGB 148 160 190	#94A0BE
66.7%	66.7% #8494B4	RGB 132 148 180	#8494B4
83.3%	83.3% #7487AA	RGB 116 135 170	#7487AA
100.0%	100.0% #647BA0	RGB 100 123 160	#647BA0

#C5C6DC #B4B9D2 #A4ADC8 #94A0BE #8494B4 #7487AA #647BA0

#C5C6DC - #647BA0

HSV Blend

#C5C6DC - #647BA0 | 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 #C5C6DC as 0% and #647BA0 as 100%.

0.0%	0.0% #C5C6DC	RGB 197 198 220	#C5C6DC
16.7%	16.7% #B2B5D2	RGB 178 181 210	#B2B5D2
33.3%	33.3% #A1A7C8	RGB 161 167 200	#A1A7C8
50.0%	50.0% #909ABE	RGB 144 154 190	#909ABE
66.7%	66.7% #808EB4	RGB 128 142 180	#808EB4
83.3%	83.3% #7184AA	RGB 113 132 170	#7184AA
100.0%	100.0% #647BA0	RGB 100 123 160	#647BA0

#C5C6DC #B2B5D2 #A1A7C8 #909ABE #808EB4 #7184AA #647BA0

#C5C6DC - #909ABE - #647BA0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5C6DC 0%, #909ABE 50%, #647BA0 100%);
    background: -webkit-linear-gradient(top, #C5C6DC 0%, #909ABE 50%, #647BA0 100%);
    background: linear-gradient(to bottom, #C5C6DC 0%, #909ABE 50%, #647BA0 100%);
}
</style>