#C0C0D0 - #DEDED2 | 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 #C0C0D0 to #DEDED2

#C0C0D0 #DEDED2

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

#C0C0D0 - #DEDED2 | 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 #C0C0D0 as 0% and #DEDED2 as 100%.

0.0%	0.0% #C0C0D0	RGB 192 192 208	#C0C0D0
16.7%	16.7% #C5C5D0	RGB 197 197 208	#C5C5D0
33.3%	33.3% #CACAD0	RGB 202 202 208	#CACAD0
50.0%	50.0% #CFCFD1	RGB 207 207 209	#CFCFD1
66.7%	66.7% #D4D4D1	RGB 212 212 209	#D4D4D1
83.3%	83.3% #D9D9D1	RGB 217 217 209	#D9D9D1
100.0%	100.0% #DEDED2	RGB 222 222 210	#DEDED2

#C0C0D0 #C5C5D0 #CACAD0 #CFCFD1 #D4D4D1 #D9D9D1 #DEDED2

#C0C0D0 - #DEDED2

HSV Blend

#C0C0D0 - #DEDED2 | 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 #C0C0D0 as 0% and #DEDED2 as 100%.

0.0%	0.0% #C0C0D0	RGB 192 192 208	#C0C0D0
16.7%	16.7% #CAC2D2	RGB 202 194 210	#CAC2D2
33.3%	33.3% #D4C5D4	RGB 212 197 212	#D4C5D4
50.0%	50.0% #D7C8CF	RGB 215 200 207	#D7C8CF
66.7%	66.7% #D9CBCB	RGB 217 203 203	#D9CBCB
83.3%	83.3% #DBD5CE	RGB 219 213 206	#DBD5CE
100.0%	100.0% #DEDED2	RGB 222 222 210	#DEDED2

#C0C0D0 #CAC2D2 #D4C5D4 #D7C8CF #D9CBCB #DBD5CE #DEDED2

#C0C0D0 - #D7C8CF - #DEDED2

CSS codes

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

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