#C0CCBA - #D8FFCF | 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 #C0CCBA to #D8FFCF

#C0CCBA #D8FFCF

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

#C0CCBA - #D8FFCF | 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 #C0CCBA as 0% and #D8FFCF as 100%.

0.0%	0.0% #C0CCBA	RGB 192 204 186	#C0CCBA
16.7%	16.7% #C4D4BD	RGB 196 212 189	#C4D4BD
33.3%	33.3% #C8DDC1	RGB 200 221 193	#C8DDC1
50.0%	50.0% #CCE5C4	RGB 204 229 196	#CCE5C4
66.7%	66.7% #D0EEC8	RGB 208 238 200	#D0EEC8
83.3%	83.3% #D4F6CB	RGB 212 246 203	#D4F6CB
100.0%	100.0% #D8FFCF	RGB 216 255 207	#D8FFCF

#C0CCBA #C4D4BD #C8DDC1 #CCE5C4 #D0EEC8 #D4F6CB #D8FFCF

#C0CCBA - #D8FFCF

HSV Blend

#C0CCBA - #D8FFCF | 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 #C0CCBA as 0% and #D8FFCF as 100%.

0.0%	0.0% #C0CCBA	RGB 192 204 186	#C0CCBA
16.7%	16.7% #C5D4BE	RGB 197 212 190	#C5D4BE
33.3%	33.3% #C9DDC2	RGB 201 221 194	#C9DDC2
50.0%	50.0% #CEE5C5	RGB 206 229 197	#CEE5C5
66.7%	66.7% #D1EEC9	RGB 209 238 201	#D1EEC9
83.3%	83.3% #D5F6CC	RGB 213 246 204	#D5F6CC
100.0%	100.0% #D8FFCF	RGB 216 255 207	#D8FFCF

#C0CCBA #C5D4BE #C9DDC2 #CEE5C5 #D1EEC9 #D5F6CC #D8FFCF

#C0CCBA - #CEE5C5 - #D8FFCF

CSS codes

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

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