#DCDDDC - #C3E9C9 | 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 #DCDDDC to #C3E9C9

#DCDDDC #C3E9C9

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

#DCDDDC - #C3E9C9 | 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 #DCDDDC as 0% and #C3E9C9 as 100%.

0.0%	0.0% #DCDDDC	RGB 220 221 220	#DCDDDC
16.7%	16.7% #D7DFD8	RGB 215 223 216	#D7DFD8
33.3%	33.3% #D3E1D5	RGB 211 225 213	#D3E1D5
50.0%	50.0% #CFE3D2	RGB 207 227 210	#CFE3D2
66.7%	66.7% #CBE5CF	RGB 203 229 207	#CBE5CF
83.3%	83.3% #C7E7CC	RGB 199 231 204	#C7E7CC
100.0%	100.0% #C3E9C9	RGB 195 233 201	#C3E9C9

#DCDDDC #D7DFD8 #D3E1D5 #CFE3D2 #CBE5CF #C7E7CC #C3E9C9

#DCDDDC - #C3E9C9

HSV Blend

#DCDDDC - #C3E9C9 | 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 #DCDDDC as 0% and #C3E9C9 as 100%.

0.0%	0.0% #DCDDDC	RGB 220 221 220	#DCDDDC
16.7%	16.7% #D8DFD8	RGB 216 223 216	#D8DFD8
33.3%	33.3% #D4E1D4	RGB 212 225 212	#D4E1D4
50.0%	50.0% #CFE3D1	RGB 207 227 209	#CFE3D1
66.7%	66.7% #CBE5CE	RGB 203 229 206	#CBE5CE
83.3%	83.3% #C7E7CB	RGB 199 231 203	#C7E7CB
100.0%	100.0% #C3E9C9	RGB 195 233 201	#C3E9C9

#DCDDDC #D8DFD8 #D4E1D4 #CFE3D1 #CBE5CE #C7E7CB #C3E9C9

#DCDDDC - #CFE3D1 - #C3E9C9

CSS codes

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

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