#CDCDE7 - #6B83B0 | 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 #CDCDE7 to #6B83B0

#CDCDE7 #6B83B0

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

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

0.0%	0.0% #CDCDE7	RGB 205 205 231	#CDCDE7
16.7%	16.7% #BCC0DD	RGB 188 192 221	#BCC0DD
33.3%	33.3% #ACB4D4	RGB 172 180 212	#ACB4D4
50.0%	50.0% #9CA8CB	RGB 156 168 203	#9CA8CB
66.7%	66.7% #8B9BC2	RGB 139 155 194	#8B9BC2
83.3%	83.3% #7B8FB9	RGB 123 143 185	#7B8FB9
100.0%	100.0% #6B83B0	RGB 107 131 176	#6B83B0

#CDCDE7 #BCC0DD #ACB4D4 #9CA8CB #8B9BC2 #7B8FB9 #6B83B0

#CDCDE7 - #6B83B0

HSV Blend

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

0.0%	0.0% #CDCDE7	RGB 205 205 231	#CDCDE7
16.7%	16.7% #BABCDD	RGB 186 188 221	#BABCDD
33.3%	33.3% #A8ADD4	RGB 168 173 212	#A8ADD4
50.0%	50.0% #98A1CB	RGB 152 161 203	#98A1CB
66.7%	66.7% #8895C2	RGB 136 149 194	#8895C2
83.3%	83.3% #798BB9	RGB 121 139 185	#798BB9
100.0%	100.0% #6B83B0	RGB 107 131 176	#6B83B0

#CDCDE7 #BABCDD #A8ADD4 #98A1CB #8895C2 #798BB9 #6B83B0

#CDCDE7 - #98A1CB - #6B83B0

CSS codes

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

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