#C0B5CC - #C0CFE3 | 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 #C0B5CC to #C0CFE3

#C0B5CC #C0CFE3

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

#C0B5CC - #C0CFE3 | 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 #C0B5CC as 0% and #C0CFE3 as 100%.

0.0%	0.0% #C0B5CC	RGB 192 181 204	#C0B5CC
16.7%	16.7% #C0B9CF	RGB 192 185 207	#C0B9CF
33.3%	33.3% #C0BDD3	RGB 192 189 211	#C0BDD3
50.0%	50.0% #C0C2D7	RGB 192 194 215	#C0C2D7
66.7%	66.7% #C0C6DB	RGB 192 198 219	#C0C6DB
83.3%	83.3% #C0CADF	RGB 192 202 223	#C0CADF
100.0%	100.0% #C0CFE3	RGB 192 207 227	#C0CFE3

#C0B5CC #C0B9CF #C0BDD3 #C0C2D7 #C0C6DB #C0CADF #C0CFE3

#C0B5CC - #C0CFE3

HSV Blend

#C0B5CC - #C0CFE3 | 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 #C0B5CC as 0% and #C0CFE3 as 100%.

0.0%	0.0% #C0B5CC	RGB 192 181 204	#C0B5CC
16.7%	16.7% #BFB6CF	RGB 191 182 207	#BFB6CF
33.3%	33.3% #BDB8D3	RGB 189 184 211	#BDB8D3
50.0%	50.0% #BBBAD7	RGB 187 186 215	#BBBAD7
66.7%	66.7% #BCC0DB	RGB 188 192 219	#BCC0DB
83.3%	83.3% #BEC7DF	RGB 190 199 223	#BEC7DF
100.0%	100.0% #C0CFE3	RGB 192 207 227	#C0CFE3

#C0B5CC #BFB6CF #BDB8D3 #BBBAD7 #BCC0DB #BEC7DF #C0CFE3

#C0B5CC - #BBBAD7 - #C0CFE3

CSS codes

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

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