#CBD0CB - #E4ECD0 | 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 #CBD0CB to #E4ECD0

#CBD0CB #E4ECD0

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

#CBD0CB - #E4ECD0 | 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 #CBD0CB as 0% and #E4ECD0 as 100%.

0.0%	0.0% #CBD0CB	RGB 203 208 203	#CBD0CB
16.7%	16.7% #CFD4CB	RGB 207 212 203	#CFD4CB
33.3%	33.3% #D3D9CC	RGB 211 217 204	#D3D9CC
50.0%	50.0% #D7DECD	RGB 215 222 205	#D7DECD
66.7%	66.7% #DBE2CE	RGB 219 226 206	#DBE2CE
83.3%	83.3% #DFE7CF	RGB 223 231 207	#DFE7CF
100.0%	100.0% #E4ECD0	RGB 228 236 208	#E4ECD0

#CBD0CB #CFD4CB #D3D9CC #D7DECD #DBE2CE #DFE7CF #E4ECD0

#CBD0CB - #E4ECD0

HSV Blend

#CBD0CB - #E4ECD0 | 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 #CBD0CB as 0% and #E4ECD0 as 100%.

0.0%	0.0% #CBD0CB	RGB 203 208 203	#CBD0CB
16.7%	16.7% #CDD4CC	RGB 205 212 204	#CDD4CC
33.3%	33.3% #D0D9CD	RGB 208 217 205	#D0D9CD
50.0%	50.0% #D3DECE	RGB 211 222 206	#D3DECE
66.7%	66.7% #D8E2CE	RGB 216 226 206	#D8E2CE
83.3%	83.3% #DDE7CF	RGB 221 231 207	#DDE7CF
100.0%	100.0% #E4ECD0	RGB 228 236 208	#E4ECD0

#CBD0CB #CDD4CC #D0D9CD #D3DECE #D8E2CE #DDE7CF #E4ECD0

#CBD0CB - #D3DECE - #E4ECD0

CSS codes

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

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