#C2B8D1 - #CBCDF0 | 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 #C2B8D1 to #CBCDF0

#C2B8D1 #CBCDF0

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

#C2B8D1 - #CBCDF0 | 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 #C2B8D1 as 0% and #CBCDF0 as 100%.

0.0%	0.0% #C2B8D1	RGB 194 184 209	#C2B8D1
16.7%	16.7% #C3BBD6	RGB 195 187 214	#C3BBD6
33.3%	33.3% #C5BFDB	RGB 197 191 219	#C5BFDB
50.0%	50.0% #C6C2E0	RGB 198 194 224	#C6C2E0
66.7%	66.7% #C8C6E5	RGB 200 198 229	#C8C6E5
83.3%	83.3% #C9C9EA	RGB 201 201 234	#C9C9EA
100.0%	100.0% #CBCDF0	RGB 203 205 240	#CBCDF0

#C2B8D1 #C3BBD6 #C5BFDB #C6C2E0 #C8C6E5 #C9C9EA #CBCDF0

#C2B8D1 - #CBCDF0

HSV Blend

#C2B8D1 - #CBCDF0 | 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 #C2B8D1 as 0% and #CBCDF0 as 100%.

0.0%	0.0% #C2B8D1	RGB 194 184 209	#C2B8D1
16.7%	16.7% #C4BBD6	RGB 196 187 214	#C4BBD6
33.3%	33.3% #C5BEDB	RGB 197 190 219	#C5BEDB
50.0%	50.0% #C7C1E0	RGB 199 193 224	#C7C1E0
66.7%	66.7% #C8C4E5	RGB 200 196 229	#C8C4E5
83.3%	83.3% #C8C7EA	RGB 200 199 234	#C8C7EA
100.0%	100.0% #CBCDF0	RGB 203 205 240	#CBCDF0

#C2B8D1 #C4BBD6 #C5BEDB #C7C1E0 #C8C4E5 #C8C7EA #CBCDF0

#C2B8D1 - #C7C1E0 - #CBCDF0

CSS codes

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

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