#CDCADA - #6B729E | 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 #CDCADA to #6B729E

#CDCADA #6B729E

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

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

0.0%	0.0% #CDCADA	RGB 205 202 218	#CDCADA
16.7%	16.7% #BCBBD0	RGB 188 187 208	#BCBBD0
33.3%	33.3% #ACACC6	RGB 172 172 198	#ACACC6
50.0%	50.0% #9C9EBC	RGB 156 158 188	#9C9EBC
66.7%	66.7% #8B8FB2	RGB 139 143 178	#8B8FB2
83.3%	83.3% #7B80A8	RGB 123 128 168	#7B80A8
100.0%	100.0% #6B729E	RGB 107 114 158	#6B729E

#CDCADA #BCBBD0 #ACACC6 #9C9EBC #8B8FB2 #7B80A8 #6B729E

#CDCADA - #6B729E

HSV Blend

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

0.0%	0.0% #CDCADA	RGB 205 202 218	#CDCADA
16.7%	16.7% #BBB8D0	RGB 187 184 208	#BBB8D0
33.3%	33.3% #A9A7C6	RGB 169 167 198	#A9A7C6
50.0%	50.0% #9796BC	RGB 151 150 188	#9796BC
66.7%	66.7% #8788B2	RGB 135 136 178	#8788B2
83.3%	83.3% #787CA8	RGB 120 124 168	#787CA8
100.0%	100.0% #6B729E	RGB 107 114 158	#6B729E

#CDCADA #BBB8D0 #A9A7C6 #9796BC #8788B2 #787CA8 #6B729E

#CDCADA - #9796BC - #6B729E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CDCADA 0%, #9796BC 50%, #6B729E 100%);
    background: -webkit-linear-gradient(top, #CDCADA 0%, #9796BC 50%, #6B729E 100%);
    background: linear-gradient(to bottom, #CDCADA 0%, #9796BC 50%, #6B729E 100%);
}
</style>