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

#C0CFB8 #EDF1EA

Calculate the color between two colors, #C0CFB8 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)

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

0.0%	0.0% #C0CFB8	RGB 192 207 184	#C0CFB8
16.7%	16.7% #C7D4C0	RGB 199 212 192	#C7D4C0
33.3%	33.3% #CFDAC8	RGB 207 218 200	#CFDAC8
50.0%	50.0% #D6E0D1	RGB 214 224 209	#D6E0D1
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

#C0CFB8 #C7D4C0 #CFDAC8 #D6E0D1 #DEE5D9 #E5EBE1 #EDF1EA

#C0CFB8 - #EDF1EA

HSV Blend

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

0.0%	0.0% #C0CFB8	RGB 192 207 184	#C0CFB8
16.7%	16.7% #C7D4BF	RGB 199 212 191	#C7D4BF
33.3%	33.3% #CEDAC8	RGB 206 218 200	#CEDAC8
50.0%	50.0% #D6E0D0	RGB 214 224 208	#D6E0D0
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

#C0CFB8 #C7D4BF #CEDAC8 #D6E0D0 #DDE5D8 #E5EBE1 #EDF1EA

#C0CFB8 - #D6E0D0 - #EDF1EA

CSS codes

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

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