#C6BECC - #C5CBE4 | 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 #C6BECC to #C5CBE4

#C6BECC #C5CBE4

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

#C6BECC - #C5CBE4 | 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 #C6BECC as 0% and #C5CBE4 as 100%.

0.0%	0.0% #C6BECC	RGB 198 190 204	#C6BECC
16.7%	16.7% #C5C0D0	RGB 197 192 208	#C5C0D0
33.3%	33.3% #C5C2D4	RGB 197 194 212	#C5C2D4
50.0%	50.0% #C5C4D8	RGB 197 196 216	#C5C4D8
66.7%	66.7% #C5C6DC	RGB 197 198 220	#C5C6DC
83.3%	83.3% #C5C8E0	RGB 197 200 224	#C5C8E0
100.0%	100.0% #C5CBE4	RGB 197 203 228	#C5CBE4

#C6BECC #C5C0D0 #C5C2D4 #C5C4D8 #C5C6DC #C5C8E0 #C5CBE4

#C6BECC - #C5CBE4

HSV Blend

#C6BECC - #C5CBE4 | 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 #C6BECC as 0% and #C5CBE4 as 100%.

0.0%	0.0% #C6BECC	RGB 198 190 204	#C6BECC
16.7%	16.7% #C6BFD0	RGB 198 191 208	#C6BFD0
33.3%	33.3% #C6C0D4	RGB 198 192 212	#C6C0D4
50.0%	50.0% #C6C1D8	RGB 198 193 216	#C6C1D8
66.7%	66.7% #C4C3DC	RGB 196 195 220	#C4C3DC
83.3%	83.3% #C4C5E0	RGB 196 197 224	#C4C5E0
100.0%	100.0% #C5CBE4	RGB 197 203 228	#C5CBE4

#C6BECC #C6BFD0 #C6C0D4 #C6C1D8 #C4C3DC #C4C5E0 #C5CBE4

#C6BECC - #C6C1D8 - #C5CBE4

CSS codes

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

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