#CDCBCB - #FFDBEC | 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 #CDCBCB to #FFDBEC

#CDCBCB #FFDBEC

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

#CDCBCB - #FFDBEC | 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 #CDCBCB as 0% and #FFDBEC as 100%.

0.0%	0.0% #CDCBCB	RGB 205 203 203	#CDCBCB
16.7%	16.7% #D5CDD0	RGB 213 205 208	#D5CDD0
33.3%	33.3% #DDD0D6	RGB 221 208 214	#DDD0D6
50.0%	50.0% #E6D3DB	RGB 230 211 219	#E6D3DB
66.7%	66.7% #EED5E1	RGB 238 213 225	#EED5E1
83.3%	83.3% #F6D8E6	RGB 246 216 230	#F6D8E6
100.0%	100.0% #FFDBEC	RGB 255 219 236	#FFDBEC

#CDCBCB #D5CDD0 #DDD0D6 #E6D3DB #EED5E1 #F6D8E6 #FFDBEC

#CDCBCB - #FFDBEC

HSV Blend

#CDCBCB - #FFDBEC | 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 #CDCBCB as 0% and #FFDBEC as 100%.

0.0%	0.0% #CDCBCB	RGB 205 203 203	#CDCBCB
16.7%	16.7% #D5CECF	RGB 213 206 207	#D5CECF
33.3%	33.3% #DDD1D3	RGB 221 209 211	#DDD1D3
50.0%	50.0% #E6D4D8	RGB 230 212 216	#E6D4D8
66.7%	66.7% #EED7DE	RGB 238 215 222	#EED7DE
83.3%	83.3% #F6D9E4	RGB 246 217 228	#F6D9E4
100.0%	100.0% #FFDBEC	RGB 255 219 236	#FFDBEC

#CDCBCB #D5CECF #DDD1D3 #E6D4D8 #EED7DE #F6D9E4 #FFDBEC

#CDCBCB - #E6D4D8 - #FFDBEC

CSS codes

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

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