#BFCBA2 - #EDF0E4 | 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 #BFCBA2 to #EDF0E4

#BFCBA2 #EDF0E4

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

#BFCBA2 - #EDF0E4 | 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 #BFCBA2 as 0% and #EDF0E4 as 100%.

0.0%	0.0% #BFCBA2	RGB 191 203 162	#BFCBA2
16.7%	16.7% #C6D1AD	RGB 198 209 173	#C6D1AD
33.3%	33.3% #CED7B8	RGB 206 215 184	#CED7B8
50.0%	50.0% #D6DDC3	RGB 214 221 195	#D6DDC3
66.7%	66.7% #DDE3CE	RGB 221 227 206	#DDE3CE
83.3%	83.3% #E5E9D9	RGB 229 233 217	#E5E9D9
100.0%	100.0% #EDF0E4	RGB 237 240 228	#EDF0E4

#BFCBA2 #C6D1AD #CED7B8 #D6DDC3 #DDE3CE #E5E9D9 #EDF0E4

#BFCBA2 - #EDF0E4

HSV Blend

#BFCBA2 - #EDF0E4 | 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 #BFCBA2 as 0% and #EDF0E4 as 100%.

0.0%	0.0% #BFCBA2	RGB 191 203 162	#BFCBA2
16.7%	16.7% #C6D1AC	RGB 198 209 172	#C6D1AC
33.3%	33.3% #CED7B6	RGB 206 215 182	#CED7B6
50.0%	50.0% #D5DDC1	RGB 213 221 193	#D5DDC1
66.7%	66.7% #DDE3CC	RGB 221 227 204	#DDE3CC
83.3%	83.3% #E5E9D8	RGB 229 233 216	#E5E9D8
100.0%	100.0% #EDF0E4	RGB 237 240 228	#EDF0E4

#BFCBA2 #C6D1AC #CED7B6 #D5DDC1 #DDE3CC #E5E9D8 #EDF0E4

#BFCBA2 - #D5DDC1 - #EDF0E4

CSS codes

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

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