#BAC2B5 - #CDC7DE | 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 #BAC2B5 to #CDC7DE

#BAC2B5 #CDC7DE

Calculate the color between two colors, #BAC2B5 and #CDC7DE. 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)

#BAC2B5 - #CDC7DE | 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 #BAC2B5 as 0% and #CDC7DE as 100%.

0.0%	0.0% #BAC2B5	RGB 186 194 181	#BAC2B5
16.7%	16.7% #BDC2BB	RGB 189 194 187	#BDC2BB
33.3%	33.3% #C0C3C2	RGB 192 195 194	#C0C3C2
50.0%	50.0% #C3C4C9	RGB 195 196 201	#C3C4C9
66.7%	66.7% #C6C5D0	RGB 198 197 208	#C6C5D0
83.3%	83.3% #C9C6D7	RGB 201 198 215	#C9C6D7
100.0%	100.0% #CDC7DE	RGB 205 199 222	#CDC7DE

#BAC2B5 #BDC2BB #C0C3C2 #C3C4C9 #C6C5D0 #C9C6D7 #CDC7DE

#BAC2B5 - #CDC7DE

HSV Blend

#BAC2B5 - #CDC7DE | 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 #BAC2B5 as 0% and #CDC7DE as 100%.

0.0%	0.0% #BAC2B5	RGB 186 194 181	#BAC2B5
16.7%	16.7% #B8C6B8	RGB 184 198 184	#B8C6B8
33.3%	33.3% #BBCBC3	RGB 187 203 195	#BBCBC3
50.0%	50.0% #BED0CE	RGB 190 208 206	#BED0CE
66.7%	66.7% #C1CDD4	RGB 193 205 212	#C1CDD4
83.3%	83.3% #C4C7D9	RGB 196 199 217	#C4C7D9
100.0%	100.0% #CDC7DE	RGB 205 199 222	#CDC7DE

#BAC2B5 #B8C6B8 #BBCBC3 #BED0CE #C1CDD4 #C4C7D9 #CDC7DE

#BAC2B5 - #BED0CE - #CDC7DE

CSS codes

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

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