#CECEED - #6B83B8 | 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 #CECEED to #6B83B8

#CECEED #6B83B8

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

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

0.0%	0.0% #CECEED	RGB 206 206 237	#CECEED
16.7%	16.7% #BDC1E4	RGB 189 193 228	#BDC1E4
33.3%	33.3% #ADB5DB	RGB 173 181 219	#ADB5DB
50.0%	50.0% #9CA8D2	RGB 156 168 210	#9CA8D2
66.7%	66.7% #8C9CC9	RGB 140 156 201	#8C9CC9
83.3%	83.3% #7B8FC0	RGB 123 143 192	#7B8FC0
100.0%	100.0% #6B83B8	RGB 107 131 184	#6B83B8

#CECEED #BDC1E4 #ADB5DB #9CA8D2 #8C9CC9 #7B8FC0 #6B83B8

#CECEED - #6B83B8

HSV Blend

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

0.0%	0.0% #CECEED	RGB 206 206 237	#CECEED
16.7%	16.7% #BBBDE4	RGB 187 189 228	#BBBDE4
33.3%	33.3% #A9AEDB	RGB 169 174 219	#A9AEDB
50.0%	50.0% #98A1D2	RGB 152 161 210	#98A1D2
66.7%	66.7% #8896C9	RGB 136 150 201	#8896C9
83.3%	83.3% #798BC0	RGB 121 139 192	#798BC0
100.0%	100.0% #6B83B8	RGB 107 131 184	#6B83B8

#CECEED #BBBDE4 #A9AEDB #98A1D2 #8896C9 #798BC0 #6B83B8

#CECEED - #98A1D2 - #6B83B8

CSS codes

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

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