#CECEE7 - #6C84B0 | 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 #CECEE7 to #6C84B0

#CECEE7 #6C84B0

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

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

0.0%	0.0% #CECEE7	RGB 206 206 231	#CECEE7
16.7%	16.7% #BDC1DD	RGB 189 193 221	#BDC1DD
33.3%	33.3% #ADB5D4	RGB 173 181 212	#ADB5D4
50.0%	50.0% #9DA9CB	RGB 157 169 203	#9DA9CB
66.7%	66.7% #8C9CC2	RGB 140 156 194	#8C9CC2
83.3%	83.3% #7C90B9	RGB 124 144 185	#7C90B9
100.0%	100.0% #6C84B0	RGB 108 132 176	#6C84B0

#CECEE7 #BDC1DD #ADB5D4 #9DA9CB #8C9CC2 #7C90B9 #6C84B0

#CECEE7 - #6C84B0

HSV Blend

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

0.0%	0.0% #CECEE7	RGB 206 206 231	#CECEE7
16.7%	16.7% #BBBDDD	RGB 187 189 221	#BBBDDD
33.3%	33.3% #A9AED4	RGB 169 174 212	#A9AED4
50.0%	50.0% #99A2CB	RGB 153 162 203	#99A2CB
66.7%	66.7% #8996C2	RGB 137 150 194	#8996C2
83.3%	83.3% #7A8CB9	RGB 122 140 185	#7A8CB9
100.0%	100.0% #6C84B0	RGB 108 132 176	#6C84B0

#CECEE7 #BBBDDD #A9AED4 #99A2CB #8996C2 #7A8CB9 #6C84B0

#CECEE7 - #99A2CB - #6C84B0

CSS codes

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

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