#C0D4D2 - #EDF1F2 | 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 #C0D4D2 to #EDF1F2

#C0D4D2 #EDF1F2

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

#C0D4D2 - #EDF1F2 | 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 #C0D4D2 as 0% and #EDF1F2 as 100%.

0.0%	0.0% #C0D4D2	RGB 192 212 210	#C0D4D2
16.7%	16.7% #C7D8D7	RGB 199 216 215	#C7D8D7
33.3%	33.3% #CFDDDC	RGB 207 221 220	#CFDDDC
50.0%	50.0% #D6E2E2	RGB 214 226 226	#D6E2E2
66.7%	66.7% #DEE7E7	RGB 222 231 231	#DEE7E7
83.3%	83.3% #E5ECEC	RGB 229 236 236	#E5ECEC
100.0%	100.0% #EDF1F2	RGB 237 241 242	#EDF1F2

#C0D4D2 #C7D8D7 #CFDDDC #D6E2E2 #DEE7E7 #E5ECEC #EDF1F2

#C0D4D2 - #EDF1F2

HSV Blend

#C0D4D2 - #EDF1F2 | 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 #C0D4D2 as 0% and #EDF1F2 as 100%.

0.0%	0.0% #C0D4D2	RGB 192 212 210	#C0D4D2
16.7%	16.7% #C7D9D8	RGB 199 217 216	#C7D9D8
33.3%	33.3% #CEDEDE	RGB 206 222 222	#CEDEDE
50.0%	50.0% #D5E2E3	RGB 213 226 227	#D5E2E3
66.7%	66.7% #DDE6E8	RGB 221 230 232	#DDE6E8
83.3%	83.3% #E5EBED	RGB 229 235 237	#E5EBED
100.0%	100.0% #EDF1F2	RGB 237 241 242	#EDF1F2

#C0D4D2 #C7D9D8 #CEDEDE #D5E2E3 #DDE6E8 #E5EBED #EDF1F2

#C0D4D2 - #D5E2E3 - #EDF1F2

CSS codes

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

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