#C0CEB8 - #EDF1EA | 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 #C0CEB8 to #EDF1EA

#C0CEB8 #EDF1EA

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

#C0CEB8 - #EDF1EA | 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 #C0CEB8 as 0% and #EDF1EA as 100%.

0.0%	0.0% #C0CEB8	RGB 192 206 184	#C0CEB8
16.7%	16.7% #C7D3C0	RGB 199 211 192	#C7D3C0
33.3%	33.3% #CFD9C8	RGB 207 217 200	#CFD9C8
50.0%	50.0% #D6DFD1	RGB 214 223 209	#D6DFD1
66.7%	66.7% #DEE5D9	RGB 222 229 217	#DEE5D9
83.3%	83.3% #E5EBE1	RGB 229 235 225	#E5EBE1
100.0%	100.0% #EDF1EA	RGB 237 241 234	#EDF1EA

#C0CEB8 #C7D3C0 #CFD9C8 #D6DFD1 #DEE5D9 #E5EBE1 #EDF1EA

#C0CEB8 - #EDF1EA

HSV Blend

#C0CEB8 - #EDF1EA | 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 #C0CEB8 as 0% and #EDF1EA as 100%.

0.0%	0.0% #C0CEB8	RGB 192 206 184	#C0CEB8
16.7%	16.7% #C7D3BF	RGB 199 211 191	#C7D3BF
33.3%	33.3% #CED9C8	RGB 206 217 200	#CED9C8
50.0%	50.0% #D6DFD0	RGB 214 223 208	#D6DFD0
66.7%	66.7% #DDE5D8	RGB 221 229 216	#DDE5D8
83.3%	83.3% #E5EBE1	RGB 229 235 225	#E5EBE1
100.0%	100.0% #EDF1EA	RGB 237 241 234	#EDF1EA

#C0CEB8 #C7D3BF #CED9C8 #D6DFD0 #DDE5D8 #E5EBE1 #EDF1EA

#C0CEB8 - #D6DFD0 - #EDF1EA

CSS codes

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

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