#C3C7BF - #D9FFDC | 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 #C3C7BF to #D9FFDC

#C3C7BF #D9FFDC

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

#C3C7BF - #D9FFDC | 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 #C3C7BF as 0% and #D9FFDC as 100%.

0.0%	0.0% #C3C7BF	RGB 195 199 191	#C3C7BF
16.7%	16.7% #C6D0C3	RGB 198 208 195	#C6D0C3
33.3%	33.3% #CAD9C8	RGB 202 217 200	#CAD9C8
50.0%	50.0% #CEE3CD	RGB 206 227 205	#CEE3CD
66.7%	66.7% #D1ECD2	RGB 209 236 210	#D1ECD2
83.3%	83.3% #D5F5D7	RGB 213 245 215	#D5F5D7
100.0%	100.0% #D9FFDC	RGB 217 255 220	#D9FFDC

#C3C7BF #C6D0C3 #CAD9C8 #CEE3CD #D1ECD2 #D5F5D7 #D9FFDC

#C3C7BF - #D9FFDC

HSV Blend

#C3C7BF - #D9FFDC | 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 #C3C7BF as 0% and #D9FFDC as 100%.

0.0%	0.0% #C3C7BF	RGB 195 199 191	#C3C7BF
16.7%	16.7% #C9D0C4	RGB 201 208 196	#C9D0C4
33.3%	33.3% #CED9C9	RGB 206 217 201	#CED9C9
50.0%	50.0% #D2E3CD	RGB 210 227 205	#D2E3CD
66.7%	66.7% #D4ECD1	RGB 212 236 209	#D4ECD1
83.3%	83.3% #D6F5D5	RGB 214 245 213	#D6F5D5
100.0%	100.0% #D9FFDC	RGB 217 255 220	#D9FFDC

#C3C7BF #C9D0C4 #CED9C9 #D2E3CD #D4ECD1 #D6F5D5 #D9FFDC

#C3C7BF - #D2E3CD - #D9FFDC

CSS codes

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

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