#C6BDAA - #CDD3DF | 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 #C6BDAA to #CDD3DF

#C6BDAA #CDD3DF

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

#C6BDAA - #CDD3DF | 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 #C6BDAA as 0% and #CDD3DF as 100%.

0.0%	0.0% #C6BDAA	RGB 198 189 170	#C6BDAA
16.7%	16.7% #C7C0B2	RGB 199 192 178	#C7C0B2
33.3%	33.3% #C8C4BB	RGB 200 196 187	#C8C4BB
50.0%	50.0% #C9C8C4	RGB 201 200 196	#C9C8C4
66.7%	66.7% #CACBCD	RGB 202 203 205	#CACBCD
83.3%	83.3% #CBCFD6	RGB 203 207 214	#CBCFD6
100.0%	100.0% #CDD3DF	RGB 205 211 223	#CDD3DF

#C6BDAA #C7C0B2 #C8C4BB #C9C8C4 #CACBCD #CBCFD6 #CDD3DF

#C6BDAA - #CDD3DF

HSV Blend

#C6BDAA - #CDD3DF | 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 #C6BDAA as 0% and #CDD3DF as 100%.

0.0%	0.0% #C6BDAA	RGB 198 189 170	#C6BDAA
16.7%	16.7% #C5CAAF	RGB 197 202 175	#C5CAAF
33.3%	33.3% #BDCEB5	RGB 189 206 181	#BDCEB5
50.0%	50.0% #BBD2BF	RGB 187 210 191	#BBD2BF
66.7%	66.7% #C0D6CF	RGB 192 214 207	#C0D6CF
83.3%	83.3% #C6D7DA	RGB 198 215 218	#C6D7DA
100.0%	100.0% #CDD3DF	RGB 205 211 223	#CDD3DF

#C6BDAA #C5CAAF #BDCEB5 #BBD2BF #C0D6CF #C6D7DA #CDD3DF

#C6BDAA - #BBD2BF - #CDD3DF

CSS codes

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

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