#C2BECB - #DFE6D5 | 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 #C2BECB to #DFE6D5

#C2BECB #DFE6D5

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

#C2BECB - #DFE6D5 | 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 #C2BECB as 0% and #DFE6D5 as 100%.

0.0%	0.0% #C2BECB	RGB 194 190 203	#C2BECB
16.7%	16.7% #C6C4CC	RGB 198 196 204	#C6C4CC
33.3%	33.3% #CBCBCE	RGB 203 203 206	#CBCBCE
50.0%	50.0% #D0D2D0	RGB 208 210 208	#D0D2D0
66.7%	66.7% #D5D8D1	RGB 213 216 209	#D5D8D1
83.3%	83.3% #DADFD3	RGB 218 223 211	#DADFD3
100.0%	100.0% #DFE6D5	RGB 223 230 213	#DFE6D5

#C2BECB #C6C4CC #CBCBCE #D0D2D0 #D5D8D1 #DADFD3 #DFE6D5

#C2BECB - #DFE6D5

HSV Blend

#C2BECB - #DFE6D5 | 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 #C2BECB as 0% and #DFE6D5 as 100%.

0.0%	0.0% #C2BECB	RGB 194 190 203	#C2BECB
16.7%	16.7% #C1C4CF	RGB 193 196 207	#C1C4CF
33.3%	33.3% #C5CFD4	RGB 197 207 212	#C5CFD4
50.0%	50.0% #C9D8D6	RGB 201 216 214	#C9D8D6
66.7%	66.7% #CDDDD3	RGB 205 221 211	#CDDDD3
83.3%	83.3% #D2E1D1	RGB 210 225 209	#D2E1D1
100.0%	100.0% #DFE6D5	RGB 223 230 213	#DFE6D5

#C2BECB #C1C4CF #C5CFD4 #C9D8D6 #CDDDD3 #D2E1D1 #DFE6D5

#C2BECB - #C9D8D6 - #DFE6D5

CSS codes

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

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