#C7CDED - #6561C2 | 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 #C7CDED to #6561C2

#C7CDED #6561C2

Calculate the color between two colors, #C7CDED and #6561C2. 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)

#C7CDED - #6561C2 | 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 #C7CDED as 0% and #6561C2 as 100%.

0.0%	0.0% #C7CDED	RGB 199 205 237	#C7CDED
16.7%	16.7% #B6BBE5	RGB 182 187 229	#B6BBE5
33.3%	33.3% #A6A9DE	RGB 166 169 222	#A6A9DE
50.0%	50.0% #9697D7	RGB 150 151 215	#9697D7
66.7%	66.7% #8585D0	RGB 133 133 208	#8585D0
83.3%	83.3% #7573C9	RGB 117 115 201	#7573C9
100.0%	100.0% #6561C2	RGB 101 97 194	#6561C2

#C7CDED #B6BBE5 #A6A9DE #9697D7 #8585D0 #7573C9 #6561C2

#C7CDED - #6561C2

HSV Blend

#C7CDED - #6561C2 | 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 #C7CDED as 0% and #6561C2 as 100%.

0.0%	0.0% #C7CDED	RGB 199 205 237	#C7CDED
16.7%	16.7% #B3BAE5	RGB 179 186 229	#B3BAE5
33.3%	33.3% #A1A7DE	RGB 161 167 222	#A1A7DE
50.0%	50.0% #9094D7	RGB 144 148 215	#9094D7
66.7%	66.7% #7F81D0	RGB 127 129 208	#7F81D0
83.3%	83.3% #706FC9	RGB 112 111 201	#706FC9
100.0%	100.0% #6561C2	RGB 101 97 194	#6561C2

#C7CDED #B3BAE5 #A1A7DE #9094D7 #7F81D0 #706FC9 #6561C2

#C7CDED - #9094D7 - #6561C2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7CDED 0%, #9094D7 50%, #6561C2 100%);
    background: -webkit-linear-gradient(top, #C7CDED 0%, #9094D7 50%, #6561C2 100%);
    background: linear-gradient(to bottom, #C7CDED 0%, #9094D7 50%, #6561C2 100%);
}
</style>