#CCCDD9 - #6E859C | 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 #CCCDD9 to #6E859C

#CCCDD9 #6E859C

Calculate the color between two colors, #CCCDD9 and #6E859C. 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)

#CCCDD9 - #6E859C | 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 #CCCDD9 as 0% and #6E859C as 100%.

0.0%	0.0% #CCCDD9	RGB 204 205 217	#CCCDD9
16.7%	16.7% #BCC1CE	RGB 188 193 206	#BCC1CE
33.3%	33.3% #ACB5C4	RGB 172 181 196	#ACB5C4
50.0%	50.0% #9DA9BA	RGB 157 169 186	#9DA9BA
66.7%	66.7% #8D9DB0	RGB 141 157 176	#8D9DB0
83.3%	83.3% #7D91A6	RGB 125 145 166	#7D91A6
100.0%	100.0% #6E859C	RGB 110 133 156	#6E859C

#CCCDD9 #BCC1CE #ACB5C4 #9DA9BA #8D9DB0 #7D91A6 #6E859C

#CCCDD9 - #6E859C

HSV Blend

#CCCDD9 - #6E859C | 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 #CCCDD9 as 0% and #6E859C as 100%.

0.0%	0.0% #CCCDD9	RGB 204 205 217	#CCCDD9
16.7%	16.7% #BABDCE	RGB 186 189 206	#BABDCE
33.3%	33.3% #A9AFC4	RGB 169 175 196	#A9AFC4
50.0%	50.0% #99A2BA	RGB 153 162 186	#99A2BA
66.7%	66.7% #8A97B0	RGB 138 151 176	#8A97B0
83.3%	83.3% #7B8DA6	RGB 123 141 166	#7B8DA6
100.0%	100.0% #6E859C	RGB 110 133 156	#6E859C

#CCCDD9 #BABDCE #A9AFC4 #99A2BA #8A97B0 #7B8DA6 #6E859C

#CCCDD9 - #99A2BA - #6E859C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CCCDD9 0%, #99A2BA 50%, #6E859C 100%);
    background: -webkit-linear-gradient(top, #CCCDD9 0%, #99A2BA 50%, #6E859C 100%);
    background: linear-gradient(to bottom, #CCCDD9 0%, #99A2BA 50%, #6E859C 100%);
}
</style>