#CBBEC4 - #D5E6E4 | 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 #CBBEC4 to #D5E6E4

#CBBEC4 #D5E6E4

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

#CBBEC4 - #D5E6E4 | 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 #CBBEC4 as 0% and #D5E6E4 as 100%.

0.0%	0.0% #CBBEC4	RGB 203 190 196	#CBBEC4
16.7%	16.7% #CCC4C9	RGB 204 196 201	#CCC4C9
33.3%	33.3% #CECBCE	RGB 206 203 206	#CECBCE
50.0%	50.0% #D0D2D4	RGB 208 210 212	#D0D2D4
66.7%	66.7% #D1D8D9	RGB 209 216 217	#D1D8D9
83.3%	83.3% #D3DFDE	RGB 211 223 222	#D3DFDE
100.0%	100.0% #D5E6E4	RGB 213 230 228	#D5E6E4

#CBBEC4 #CCC4C9 #CECBCE #D0D2D4 #D1D8D9 #D3DFDE #D5E6E4

#CBBEC4 - #D5E6E4

HSV Blend

#CBBEC4 - #D5E6E4 | 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 #CBBEC4 as 0% and #D5E6E4 as 100%.

0.0%	0.0% #CBBEC4	RGB 203 190 196	#CBBEC4
16.7%	16.7% #CFC1CE	RGB 207 193 206	#CFC1CE
33.3%	33.3% #CFC5D4	RGB 207 197 212	#CFC5D4
50.0%	50.0% #CCC9D8	RGB 204 201 216	#CCC9D8
66.7%	66.7% #CDD1DD	RGB 205 209 221	#CDD1DD
83.3%	83.3% #D1DCE1	RGB 209 220 225	#D1DCE1
100.0%	100.0% #D5E6E4	RGB 213 230 228	#D5E6E4

#CBBEC4 #CFC1CE #CFC5D4 #CCC9D8 #CDD1DD #D1DCE1 #D5E6E4

#CBBEC4 - #CCC9D8 - #D5E6E4

CSS codes

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

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