#C2B8DF - #DEDFE0 | 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 #C2B8DF to #DEDFE0

#C2B8DF #DEDFE0

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

#C2B8DF - #DEDFE0 | 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 #C2B8DF as 0% and #DEDFE0 as 100%.

0.0%	0.0% #C2B8DF	RGB 194 184 223	#C2B8DF
16.7%	16.7% #C6BEDF	RGB 198 190 223	#C6BEDF
33.3%	33.3% #CBC5DF	RGB 203 197 223	#CBC5DF
50.0%	50.0% #D0CBDF	RGB 208 203 223	#D0CBDF
66.7%	66.7% #D4D2DF	RGB 212 210 223	#D4D2DF
83.3%	83.3% #D9D8DF	RGB 217 216 223	#D9D8DF
100.0%	100.0% #DEDFE0	RGB 222 223 224	#DEDFE0

#C2B8DF #C6BEDF #CBC5DF #D0CBDF #D4D2DF #D9D8DF #DEDFE0

#C2B8DF - #DEDFE0

HSV Blend

#C2B8DF - #DEDFE0 | 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 #C2B8DF as 0% and #DEDFE0 as 100%.

0.0%	0.0% #C2B8DF	RGB 194 184 223	#C2B8DF
16.7%	16.7% #C2BEDF	RGB 194 190 223	#C2BEDF
33.3%	33.3% #C4C4DF	RGB 196 196 223	#C4C4DF
50.0%	50.0% #CACDDF	RGB 202 205 223	#CACDDF
66.7%	66.7% #D1D4DF	RGB 209 212 223	#D1D4DF
83.3%	83.3% #D7DADF	RGB 215 218 223	#D7DADF
100.0%	100.0% #DEDFE0	RGB 222 223 224	#DEDFE0

#C2B8DF #C2BEDF #C4C4DF #CACDDF #D1D4DF #D7DADF #DEDFE0

#C2B8DF - #CACDDF - #DEDFE0

CSS codes

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

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