#CECEEC - #6B83B7 | 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 #CECEEC to #6B83B7

#CECEEC #6B83B7

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

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

0.0%	0.0% #CECEEC	RGB 206 206 236	#CECEEC
16.7%	16.7% #BDC1E3	RGB 189 193 227	#BDC1E3
33.3%	33.3% #ADB5DA	RGB 173 181 218	#ADB5DA
50.0%	50.0% #9CA8D1	RGB 156 168 209	#9CA8D1
66.7%	66.7% #8C9CC8	RGB 140 156 200	#8C9CC8
83.3%	83.3% #7B8FBF	RGB 123 143 191	#7B8FBF
100.0%	100.0% #6B83B7	RGB 107 131 183	#6B83B7

#CECEEC #BDC1E3 #ADB5DA #9CA8D1 #8C9CC8 #7B8FBF #6B83B7

#CECEEC - #6B83B7

HSV Blend

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

0.0%	0.0% #CECEEC	RGB 206 206 236	#CECEEC
16.7%	16.7% #BBBDE3	RGB 187 189 227	#BBBDE3
33.3%	33.3% #A9AEDA	RGB 169 174 218	#A9AEDA
50.0%	50.0% #98A1D1	RGB 152 161 209	#98A1D1
66.7%	66.7% #8896C8	RGB 136 150 200	#8896C8
83.3%	83.3% #798BBF	RGB 121 139 191	#798BBF
100.0%	100.0% #6B83B7	RGB 107 131 183	#6B83B7

#CECEEC #BBBDE3 #A9AEDA #98A1D1 #8896C8 #798BBF #6B83B7

#CECEEC - #98A1D1 - #6B83B7

CSS codes

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

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