#C0BD9F - #EDECE3 | 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 #C0BD9F to #EDECE3

#C0BD9F #EDECE3

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

#C0BD9F - #EDECE3 | 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 #C0BD9F as 0% and #EDECE3 as 100%.

0.0%	0.0% #C0BD9F	RGB 192 189 159	#C0BD9F
16.7%	16.7% #C7C4AA	RGB 199 196 170	#C7C4AA
33.3%	33.3% #CFCCB5	RGB 207 204 181	#CFCCB5
50.0%	50.0% #D6D4C1	RGB 214 212 193	#D6D4C1
66.7%	66.7% #DEDCCC	RGB 222 220 204	#DEDCCC
83.3%	83.3% #E5E4D7	RGB 229 228 215	#E5E4D7
100.0%	100.0% #EDECE3	RGB 237 236 227	#EDECE3

#C0BD9F #C7C4AA #CFCCB5 #D6D4C1 #DEDCCC #E5E4D7 #EDECE3

#C0BD9F - #EDECE3

HSV Blend

#C0BD9F - #EDECE3 | 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 #C0BD9F as 0% and #EDECE3 as 100%.

0.0%	0.0% #C0BD9F	RGB 192 189 159	#C0BD9F
16.7%	16.7% #C7C4A9	RGB 199 196 169	#C7C4A9
33.3%	33.3% #CFCCB4	RGB 207 204 180	#CFCCB4
50.0%	50.0% #D6D4BF	RGB 214 212 191	#D6D4BF
66.7%	66.7% #DEDCCB	RGB 222 220 203	#DEDCCB
83.3%	83.3% #E5E4D6	RGB 229 228 214	#E5E4D6
100.0%	100.0% #EDECE3	RGB 237 236 227	#EDECE3

#C0BD9F #C7C4A9 #CFCCB4 #D6D4BF #DEDCCB #E5E4D6 #EDECE3

#C0BD9F - #D6D4BF - #EDECE3

CSS codes

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

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