#B5C0C2 - #CCCCFF | 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 #B5C0C2 to #CCCCFF

#B5C0C2 #CCCCFF

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

#B5C0C2 - #CCCCFF | 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 #B5C0C2 as 0% and #CCCCFF as 100%.

0.0%	0.0% #B5C0C2	RGB 181 192 194	#B5C0C2
16.7%	16.7% #B8C2CC	RGB 184 194 204	#B8C2CC
33.3%	33.3% #BCC4D6	RGB 188 196 214	#BCC4D6
50.0%	50.0% #C0C6E0	RGB 192 198 224	#C0C6E0
66.7%	66.7% #C4C8EA	RGB 196 200 234	#C4C8EA
83.3%	83.3% #C8CAF4	RGB 200 202 244	#C8CAF4
100.0%	100.0% #CCCCFF	RGB 204 204 255	#CCCCFF

#B5C0C2 #B8C2CC #BCC4D6 #C0C6E0 #C4C8EA #C8CAF4 #CCCCFF

#B5C0C2 - #CCCCFF

HSV Blend

#B5C0C2 - #CCCCFF | 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 #B5C0C2 as 0% and #CCCCFF as 100%.

0.0%	0.0% #B5C0C2	RGB 181 192 194	#B5C0C2
16.7%	16.7% #B9C6CC	RGB 185 198 204	#B9C6CC
33.3%	33.3% #BECBD6	RGB 190 203 214	#BECBD6
50.0%	50.0% #C2CFE0	RGB 194 207 224	#C2CFE0
66.7%	66.7% #C6D0EA	RGB 198 208 234	#C6D0EA
83.3%	83.3% #C9CFF4	RGB 201 207 244	#C9CFF4
100.0%	100.0% #CCCCFF	RGB 204 204 255	#CCCCFF

#B5C0C2 #B9C6CC #BECBD6 #C2CFE0 #C6D0EA #C9CFF4 #CCCCFF

#B5C0C2 - #C2CFE0 - #CCCCFF

CSS codes

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

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