#CDCDD9 - #6D869C | 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 #CDCDD9 to #6D869C

#CDCDD9 #6D869C

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

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

0.0%	0.0% #CDCDD9	RGB 205 205 217	#CDCDD9
16.7%	16.7% #BDC1CE	RGB 189 193 206	#BDC1CE
33.3%	33.3% #ADB5C4	RGB 173 181 196	#ADB5C4
50.0%	50.0% #9DA9BA	RGB 157 169 186	#9DA9BA
66.7%	66.7% #8D9DB0	RGB 141 157 176	#8D9DB0
83.3%	83.3% #7D91A6	RGB 125 145 166	#7D91A6
100.0%	100.0% #6D869C	RGB 109 134 156	#6D869C

#CDCDD9 #BDC1CE #ADB5C4 #9DA9BA #8D9DB0 #7D91A6 #6D869C

#CDCDD9 - #6D869C

HSV Blend

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

0.0%	0.0% #CDCDD9	RGB 205 205 217	#CDCDD9
16.7%	16.7% #BABCCE	RGB 186 188 206	#BABCCE
33.3%	33.3% #A9AEC4	RGB 169 174 196	#A9AEC4
50.0%	50.0% #99A2BA	RGB 153 162 186	#99A2BA
66.7%	66.7% #8997B0	RGB 137 151 176	#8997B0
83.3%	83.3% #7A8EA6	RGB 122 142 166	#7A8EA6
100.0%	100.0% #6D869C	RGB 109 134 156	#6D869C

#CDCDD9 #BABCCE #A9AEC4 #99A2BA #8997B0 #7A8EA6 #6D869C

#CDCDD9 - #99A2BA - #6D869C

CSS codes

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

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