#CECEEE - #6B82BA | 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 #CECEEE to #6B82BA

#CECEEE #6B82BA

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

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

0.0%	0.0% #CECEEE	RGB 206 206 238	#CECEEE
16.7%	16.7% #BDC1E5	RGB 189 193 229	#BDC1E5
33.3%	33.3% #ADB4DC	RGB 173 180 220	#ADB4DC
50.0%	50.0% #9CA8D4	RGB 156 168 212	#9CA8D4
66.7%	66.7% #8C9BCB	RGB 140 155 203	#8C9BCB
83.3%	83.3% #7B8EC2	RGB 123 142 194	#7B8EC2
100.0%	100.0% #6B82BA	RGB 107 130 186	#6B82BA

#CECEEE #BDC1E5 #ADB4DC #9CA8D4 #8C9BCB #7B8EC2 #6B82BA

#CECEEE - #6B82BA

HSV Blend

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

0.0%	0.0% #CECEEE	RGB 206 206 238	#CECEEE
16.7%	16.7% #BBBDE5	RGB 187 189 229	#BBBDE5
33.3%	33.3% #A9AEDC	RGB 169 174 220	#A9AEDC
50.0%	50.0% #98A1D4	RGB 152 161 212	#98A1D4
66.7%	66.7% #8895CB	RGB 136 149 203	#8895CB
83.3%	83.3% #798BC2	RGB 121 139 194	#798BC2
100.0%	100.0% #6B82BA	RGB 107 130 186	#6B82BA

#CECEEE #BBBDE5 #A9AEDC #98A1D4 #8895CB #798BC2 #6B82BA

#CECEEE - #98A1D4 - #6B82BA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CECEEE 0%, #98A1D4 50%, #6B82BA 100%);
    background: -webkit-linear-gradient(top, #CECEEE 0%, #98A1D4 50%, #6B82BA 100%);
    background: linear-gradient(to bottom, #CECEEE 0%, #98A1D4 50%, #6B82BA 100%);
}
</style>