#C2DCC5 - #EDF5EE | 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 #C2DCC5 to #EDF5EE

#C2DCC5 #EDF5EE

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

#C2DCC5 - #EDF5EE | 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 #C2DCC5 as 0% and #EDF5EE as 100%.

0.0%	0.0% #C2DCC5	RGB 194 220 197	#C2DCC5
16.7%	16.7% #C9E0CB	RGB 201 224 203	#C9E0CB
33.3%	33.3% #D0E4D2	RGB 208 228 210	#D0E4D2
50.0%	50.0% #D7E8D9	RGB 215 232 217	#D7E8D9
66.7%	66.7% #DEECE0	RGB 222 236 224	#DEECE0
83.3%	83.3% #E5F0E7	RGB 229 240 231	#E5F0E7
100.0%	100.0% #EDF5EE	RGB 237 245 238	#EDF5EE

#C2DCC5 #C9E0CB #D0E4D2 #D7E8D9 #DEECE0 #E5F0E7 #EDF5EE

#C2DCC5 - #EDF5EE

HSV Blend

#C2DCC5 - #EDF5EE | 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 #C2DCC5 as 0% and #EDF5EE as 100%.

0.0%	0.0% #C2DCC5	RGB 194 220 197	#C2DCC5
16.7%	16.7% #C8E0CB	RGB 200 224 203	#C8E0CB
33.3%	33.3% #CFE4D2	RGB 207 228 210	#CFE4D2
50.0%	50.0% #D6E8D9	RGB 214 232 217	#D6E8D9
66.7%	66.7% #DEECDF	RGB 222 236 223	#DEECDF
83.3%	83.3% #E5F0E6	RGB 229 240 230	#E5F0E6
100.0%	100.0% #EDF5EE	RGB 237 245 238	#EDF5EE

#C2DCC5 #C8E0CB #CFE4D2 #D6E8D9 #DEECDF #E5F0E6 #EDF5EE

#C2DCC5 - #D6E8D9 - #EDF5EE

CSS codes

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

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