#C0D1A8 - #DBD6E1 | 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 #C0D1A8 to #DBD6E1

#C0D1A8 #DBD6E1

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

#C0D1A8 - #DBD6E1 | 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 #C0D1A8 as 0% and #DBD6E1 as 100%.

0.0%	0.0% #C0D1A8	RGB 192 209 168	#C0D1A8
16.7%	16.7% #C4D1B1	RGB 196 209 177	#C4D1B1
33.3%	33.3% #C9D2BB	RGB 201 210 187	#C9D2BB
50.0%	50.0% #CDD3C4	RGB 205 211 196	#CDD3C4
66.7%	66.7% #D2D4CE	RGB 210 212 206	#D2D4CE
83.3%	83.3% #D6D5D7	RGB 214 213 215	#D6D5D7
100.0%	100.0% #DBD6E1	RGB 219 214 225	#DBD6E1

#C0D1A8 #C4D1B1 #C9D2BB #CDD3C4 #D2D4CE #D6D5D7 #DBD6E1

#C0D1A8 - #DBD6E1

HSV Blend

#C0D1A8 - #DBD6E1 | 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 #C0D1A8 as 0% and #DBD6E1 as 100%.

0.0%	0.0% #C0D1A8	RGB 192 209 168	#C0D1A8
16.7%	16.7% #D3D0AF	RGB 211 208 175	#D3D0AF
33.3%	33.3% #D6C4B6	RGB 214 196 182	#D6C4B6
50.0%	50.0% #D9BEC0	RGB 217 190 192	#D9BEC0
66.7%	66.7% #DBC6D2	RGB 219 198 210	#DBC6D2
83.3%	83.3% #DDCEDE	RGB 221 206 222	#DDCEDE
100.0%	100.0% #DBD6E1	RGB 219 214 225	#DBD6E1

#C0D1A8 #D3D0AF #D6C4B6 #D9BEC0 #DBC6D2 #DDCEDE #DBD6E1

#C0D1A8 - #D9BEC0 - #DBD6E1

CSS codes

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

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