#C2B5C0 - #D1C0E3 | 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 #C2B5C0 to #D1C0E3

#C2B5C0 #D1C0E3

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

#C2B5C0 - #D1C0E3 | 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 #C2B5C0 as 0% and #D1C0E3 as 100%.

0.0%	0.0% #C2B5C0	RGB 194 181 192	#C2B5C0
16.7%	16.7% #C4B6C5	RGB 196 182 197	#C4B6C5
33.3%	33.3% #C7B8CB	RGB 199 184 203	#C7B8CB
50.0%	50.0% #C9BAD1	RGB 201 186 209	#C9BAD1
66.7%	66.7% #CCBCD7	RGB 204 188 215	#CCBCD7
83.3%	83.3% #CEBEDD	RGB 206 190 221	#CEBEDD
100.0%	100.0% #D1C0E3	RGB 209 192 227	#D1C0E3

#C2B5C0 #C4B6C5 #C7B8CB #C9BAD1 #CCBCD7 #CEBEDD #D1C0E3

#C2B5C0 - #D1C0E3

HSV Blend

#C2B5C0 - #D1C0E3 | 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 #C2B5C0 as 0% and #D1C0E3 as 100%.

0.0%	0.0% #C2B5C0	RGB 194 181 192	#C2B5C0
16.7%	16.7% #C7B7C6	RGB 199 183 198	#C7B7C6
33.3%	33.3% #CBB9CD	RGB 203 185 205	#CBB9CD
50.0%	50.0% #CEBBD2	RGB 206 187 210	#CEBBD2
66.7%	66.7% #D0BCD8	RGB 208 188 216	#D0BCD8
83.3%	83.3% #D1BEDD	RGB 209 190 221	#D1BEDD
100.0%	100.0% #D1C0E3	RGB 209 192 227	#D1C0E3

#C2B5C0 #C7B7C6 #CBB9CD #CEBBD2 #D0BCD8 #D1BEDD #D1C0E3

#C2B5C0 - #CEBBD2 - #D1C0E3

CSS codes

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

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