#C3CFA2 - #EDF1E4 | 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 #C3CFA2 to #EDF1E4

#C3CFA2 #EDF1E4

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

#C3CFA2 - #EDF1E4 | 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 #C3CFA2 as 0% and #EDF1E4 as 100%.

0.0%	0.0% #C3CFA2	RGB 195 207 162	#C3CFA2
16.7%	16.7% #CAD4AD	RGB 202 212 173	#CAD4AD
33.3%	33.3% #D1DAB8	RGB 209 218 184	#D1DAB8
50.0%	50.0% #D8E0C3	RGB 216 224 195	#D8E0C3
66.7%	66.7% #DFE5CE	RGB 223 229 206	#DFE5CE
83.3%	83.3% #E6EBD9	RGB 230 235 217	#E6EBD9
100.0%	100.0% #EDF1E4	RGB 237 241 228	#EDF1E4

#C3CFA2 #CAD4AD #D1DAB8 #D8E0C3 #DFE5CE #E6EBD9 #EDF1E4

#C3CFA2 - #EDF1E4

HSV Blend

#C3CFA2 - #EDF1E4 | 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 #C3CFA2 as 0% and #EDF1E4 as 100%.

0.0%	0.0% #C3CFA2	RGB 195 207 162	#C3CFA2
16.7%	16.7% #C9D4AC	RGB 201 212 172	#C9D4AC
33.3%	33.3% #D0DAB6	RGB 208 218 182	#D0DAB6
50.0%	50.0% #D7E0C1	RGB 215 224 193	#D7E0C1
66.7%	66.7% #DEE5CC	RGB 222 229 204	#DEE5CC
83.3%	83.3% #E5EBD8	RGB 229 235 216	#E5EBD8
100.0%	100.0% #EDF1E4	RGB 237 241 228	#EDF1E4

#C3CFA2 #C9D4AC #D0DAB6 #D7E0C1 #DEE5CC #E5EBD8 #EDF1E4

#C3CFA2 - #D7E0C1 - #EDF1E4

CSS codes

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

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