#C7CCDF - #5D67AF | 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 #C7CCDF to #5D67AF

#C7CCDF #5D67AF

Calculate the color between two colors, #C7CCDF and #5D67AF. 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)

#C7CCDF - #5D67AF | 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 #C7CCDF as 0% and #5D67AF as 100%.

0.0%	0.0% #C7CCDF	RGB 199 204 223	#C7CCDF
16.7%	16.7% #B5BBD7	RGB 181 187 215	#B5BBD7
33.3%	33.3% #A3AACF	RGB 163 170 207	#A3AACF
50.0%	50.0% #9299C7	RGB 146 153 199	#9299C7
66.7%	66.7% #8088BF	RGB 128 136 191	#8088BF
83.3%	83.3% #6E77B7	RGB 110 119 183	#6E77B7
100.0%	100.0% #5D67AF	RGB 93 103 175	#5D67AF

#C7CCDF #B5BBD7 #A3AACF #9299C7 #8088BF #6E77B7 #5D67AF

#C7CCDF - #5D67AF

HSV Blend

#C7CCDF - #5D67AF | 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 #C7CCDF as 0% and #5D67AF as 100%.

0.0%	0.0% #C7CCDF	RGB 199 204 223	#C7CCDF
16.7%	16.7% #B2B9D7	RGB 178 185 215	#B2B9D7
33.3%	33.3% #9FA8CF	RGB 159 168 207	#9FA8CF
50.0%	50.0% #8D97C7	RGB 141 151 199	#8D97C7
66.7%	66.7% #7C86BF	RGB 124 134 191	#7C86BF
83.3%	83.3% #6C76B7	RGB 108 118 183	#6C76B7
100.0%	100.0% #5D67AF	RGB 93 103 175	#5D67AF

#C7CCDF #B2B9D7 #9FA8CF #8D97C7 #7C86BF #6C76B7 #5D67AF

#C7CCDF - #8D97C7 - #5D67AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7CCDF 0%, #8D97C7 50%, #5D67AF 100%);
    background: -webkit-linear-gradient(top, #C7CCDF 0%, #8D97C7 50%, #5D67AF 100%);
    background: linear-gradient(to bottom, #C7CCDF 0%, #8D97C7 50%, #5D67AF 100%);
}
</style>