#C0C2D4 - #EDEDF2 | 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 #C0C2D4 to #EDEDF2

#C0C2D4 #EDEDF2

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

#C0C2D4 - #EDEDF2 | 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 #C0C2D4 as 0% and #EDEDF2 as 100%.

0.0%	0.0% #C0C2D4	RGB 192 194 212	#C0C2D4
16.7%	16.7% #C7C9D9	RGB 199 201 217	#C7C9D9
33.3%	33.3% #CFD0DE	RGB 207 208 222	#CFD0DE
50.0%	50.0% #D6D7E3	RGB 214 215 227	#D6D7E3
66.7%	66.7% #DEDEE8	RGB 222 222 232	#DEDEE8
83.3%	83.3% #E5E5ED	RGB 229 229 237	#E5E5ED
100.0%	100.0% #EDEDF2	RGB 237 237 242	#EDEDF2

#C0C2D4 #C7C9D9 #CFD0DE #D6D7E3 #DEDEE8 #E5E5ED #EDEDF2

#C0C2D4 - #EDEDF2

HSV Blend

#C0C2D4 - #EDEDF2 | 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 #C0C2D4 as 0% and #EDEDF2 as 100%.

0.0%	0.0% #C0C2D4	RGB 192 194 212	#C0C2D4
16.7%	16.7% #C7C8D9	RGB 199 200 217	#C7C8D9
33.3%	33.3% #CECFDE	RGB 206 207 222	#CECFDE
50.0%	50.0% #D5D6E3	RGB 213 214 227	#D5D6E3
66.7%	66.7% #DDDDE8	RGB 221 221 232	#DDDDE8
83.3%	83.3% #E5E5ED	RGB 229 229 237	#E5E5ED
100.0%	100.0% #EDEDF2	RGB 237 237 242	#EDEDF2

#C0C2D4 #C7C8D9 #CECFDE #D5D6E3 #DDDDE8 #E5E5ED #EDEDF2

#C0C2D4 - #D5D6E3 - #EDEDF2

CSS codes

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

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