#C2CBC0 - #D7FFDB | 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 #C2CBC0 to #D7FFDB

#C2CBC0 #D7FFDB

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

#C2CBC0 - #D7FFDB | 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 #C2CBC0 as 0% and #D7FFDB as 100%.

0.0%	0.0% #C2CBC0	RGB 194 203 192	#C2CBC0
16.7%	16.7% #C5D3C4	RGB 197 211 196	#C5D3C4
33.3%	33.3% #C9DCC9	RGB 201 220 201	#C9DCC9
50.0%	50.0% #CCE5CD	RGB 204 229 205	#CCE5CD
66.7%	66.7% #D0EDD2	RGB 208 237 210	#D0EDD2
83.3%	83.3% #D3F6D6	RGB 211 246 214	#D3F6D6
100.0%	100.0% #D7FFDB	RGB 215 255 219	#D7FFDB

#C2CBC0 #C5D3C4 #C9DCC9 #CCE5CD #D0EDD2 #D3F6D6 #D7FFDB

#C2CBC0 - #D7FFDB

HSV Blend

#C2CBC0 - #D7FFDB | 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 #C2CBC0 as 0% and #D7FFDB as 100%.

0.0%	0.0% #C2CBC0	RGB 194 203 192	#C2CBC0
16.7%	16.7% #C6D3C4	RGB 198 211 196	#C6D3C4
33.3%	33.3% #CADCC8	RGB 202 220 200	#CADCC8
50.0%	50.0% #CDE5CC	RGB 205 229 204	#CDE5CC
66.7%	66.7% #D0EDD0	RGB 208 237 208	#D0EDD0
83.3%	83.3% #D3F6D5	RGB 211 246 213	#D3F6D5
100.0%	100.0% #D7FFDB	RGB 215 255 219	#D7FFDB

#C2CBC0 #C6D3C4 #CADCC8 #CDE5CC #D0EDD0 #D3F6D5 #D7FFDB

#C2CBC0 - #CDE5CC - #D7FFDB

CSS codes

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

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