#C0D0C0 - #EBEAC6 | 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 #C0D0C0 to #EBEAC6

#C0D0C0 #EBEAC6

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

#C0D0C0 - #EBEAC6 | 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 #C0D0C0 as 0% and #EBEAC6 as 100%.

0.0%	0.0% #C0D0C0	RGB 192 208 192	#C0D0C0
16.7%	16.7% #C7D4C1	RGB 199 212 193	#C7D4C1
33.3%	33.3% #CED8C2	RGB 206 216 194	#CED8C2
50.0%	50.0% #D5DDC3	RGB 213 221 195	#D5DDC3
66.7%	66.7% #DCE1C4	RGB 220 225 196	#DCE1C4
83.3%	83.3% #E3E5C5	RGB 227 229 197	#E3E5C5
100.0%	100.0% #EBEAC6	RGB 235 234 198	#EBEAC6

#C0D0C0 #C7D4C1 #CED8C2 #D5DDC3 #DCE1C4 #E3E5C5 #EBEAC6

#C0D0C0 - #EBEAC6

HSV Blend

#C0D0C0 - #EBEAC6 | 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 #C0D0C0 as 0% and #EBEAC6 as 100%.

0.0%	0.0% #C0D0C0	RGB 192 208 192	#C0D0C0
16.7%	16.7% #C4D4C1	RGB 196 212 193	#C4D4C1
33.3%	33.3% #CAD9C2	RGB 202 217 194	#CAD9C2
50.0%	50.0% #D0DDC3	RGB 208 221 195	#D0DDC3
66.7%	66.7% #D8E2C4	RGB 216 226 196	#D8E2C4
83.3%	83.3% #E1E6C5	RGB 225 230 197	#E1E6C5
100.0%	100.0% #EBEAC6	RGB 235 234 198	#EBEAC6

#C0D0C0 #C4D4C1 #CAD9C2 #D0DDC3 #D8E2C4 #E1E6C5 #EBEAC6

#C0D0C0 - #D0DDC3 - #EBEAC6

CSS codes

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

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