#CFD9DC - #808CA1 | 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 #CFD9DC to #808CA1

#CFD9DC #808CA1

Calculate the color between two colors, #CFD9DC and #808CA1. 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)

#CFD9DC - #808CA1 | 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 #CFD9DC as 0% and #808CA1 as 100%.

0.0%	0.0% #CFD9DC	RGB 207 217 220	#CFD9DC
16.7%	16.7% #C1CCD2	RGB 193 204 210	#C1CCD2
33.3%	33.3% #B4BFC8	RGB 180 191 200	#B4BFC8
50.0%	50.0% #A7B2BE	RGB 167 178 190	#A7B2BE
66.7%	66.7% #9AA5B4	RGB 154 165 180	#9AA5B4
83.3%	83.3% #8D98AA	RGB 141 152 170	#8D98AA
100.0%	100.0% #808CA1	RGB 128 140 161	#808CA1

#CFD9DC #C1CCD2 #B4BFC8 #A7B2BE #9AA5B4 #8D98AA #808CA1

#CFD9DC - #808CA1

HSV Blend

#CFD9DC - #808CA1 | 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 #CFD9DC as 0% and #808CA1 as 100%.

0.0%	0.0% #CFD9DC	RGB 207 217 220	#CFD9DC
16.7%	16.7% #C0CCD2	RGB 192 204 210	#C0CCD2
33.3%	33.3% #B2C0C8	RGB 178 192 200	#B2C0C8
50.0%	50.0% #A5B3BE	RGB 165 179 190	#A5B3BE
66.7%	66.7% #98A6B4	RGB 152 166 180	#98A6B4
83.3%	83.3% #8B99AA	RGB 139 153 170	#8B99AA
100.0%	100.0% #808CA1	RGB 128 140 161	#808CA1

#CFD9DC #C0CCD2 #B2C0C8 #A5B3BE #98A6B4 #8B99AA #808CA1

#CFD9DC - #A5B3BE - #808CA1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CFD9DC 0%, #A5B3BE 50%, #808CA1 100%);
    background: -webkit-linear-gradient(top, #CFD9DC 0%, #A5B3BE 50%, #808CA1 100%);
    background: linear-gradient(to bottom, #CFD9DC 0%, #A5B3BE 50%, #808CA1 100%);
}
</style>