#CED2F9 - #6B85CB | 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 #CED2F9 to #6B85CB

#CED2F9 #6B85CB

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

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

0.0%	0.0% #CED2F9	RGB 206 210 249	#CED2F9
16.7%	16.7% #BDC5F1	RGB 189 197 241	#BDC5F1
33.3%	33.3% #ADB8E9	RGB 173 184 233	#ADB8E9
50.0%	50.0% #9CABE2	RGB 156 171 226	#9CABE2
66.7%	66.7% #8C9EDA	RGB 140 158 218	#8C9EDA
83.3%	83.3% #7B91D2	RGB 123 145 210	#7B91D2
100.0%	100.0% #6B85CB	RGB 107 133 203	#6B85CB

#CED2F9 #BDC5F1 #ADB8E9 #9CABE2 #8C9EDA #7B91D2 #6B85CB

#CED2F9 - #6B85CB

HSV Blend

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

0.0%	0.0% #CED2F9	RGB 206 210 249	#CED2F9
16.7%	16.7% #BBC2F1	RGB 187 194 241	#BBC2F1
33.3%	33.3% #A9B3E9	RGB 169 179 233	#A9B3E9
50.0%	50.0% #99A6E2	RGB 153 166 226	#99A6E2
66.7%	66.7% #889ADA	RGB 136 154 218	#889ADA
83.3%	83.3% #798FD2	RGB 121 143 210	#798FD2
100.0%	100.0% #6B85CB	RGB 107 133 203	#6B85CB

#CED2F9 #BBC2F1 #A9B3E9 #99A6E2 #889ADA #798FD2 #6B85CB

#CED2F9 - #99A6E2 - #6B85CB

CSS codes

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

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