#BDC9A8 - #D5D0DF | 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 #BDC9A8 to #D5D0DF

#BDC9A8 #D5D0DF

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

#BDC9A8 - #D5D0DF | 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 #BDC9A8 as 0% and #D5D0DF as 100%.

0.0%	0.0% #BDC9A8	RGB 189 201 168	#BDC9A8
16.7%	16.7% #C1CAB1	RGB 193 202 177	#C1CAB1
33.3%	33.3% #C5CBBA	RGB 197 203 186	#C5CBBA
50.0%	50.0% #C9CCC3	RGB 201 204 195	#C9CCC3
66.7%	66.7% #CDCDCC	RGB 205 205 204	#CDCDCC
83.3%	83.3% #D1CED5	RGB 209 206 213	#D1CED5
100.0%	100.0% #D5D0DF	RGB 213 208 223	#D5D0DF

#BDC9A8 #C1CAB1 #C5CBBA #C9CCC3 #CDCDCC #D1CED5 #D5D0DF

#BDC9A8 - #D5D0DF

HSV Blend

#BDC9A8 - #D5D0DF | 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 #BDC9A8 as 0% and #D5D0DF as 100%.

0.0%	0.0% #BDC9A8	RGB 189 201 168	#BDC9A8
16.7%	16.7% #B2CCAE	RGB 178 204 174	#B2CCAE
33.3%	33.3% #B4D0BE	RGB 180 208 190	#B4D0BE
50.0%	50.0% #BBD4D0	RGB 187 212 208	#BBD4D0
66.7%	66.7% #C2D0D7	RGB 194 208 215	#C2D0D7
83.3%	83.3% #C9CBDB	RGB 201 203 219	#C9CBDB
100.0%	100.0% #D5D0DF	RGB 213 208 223	#D5D0DF

#BDC9A8 #B2CCAE #B4D0BE #BBD4D0 #C2D0D7 #C9CBDB #D5D0DF

#BDC9A8 - #BBD4D0 - #D5D0DF

CSS codes

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

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