#C0CBFB - #5C7ACF | 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 #C0CBFB to #5C7ACF

#C0CBFB #5C7ACF

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

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

0.0%	0.0% #C0CBFB	RGB 192 203 251	#C0CBFB
16.7%	16.7% #AFBDF3	RGB 175 189 243	#AFBDF3
33.3%	33.3% #9EB0EC	RGB 158 176 236	#9EB0EC
50.0%	50.0% #8EA2E5	RGB 142 162 229	#8EA2E5
66.7%	66.7% #7D95DD	RGB 125 149 221	#7D95DD
83.3%	83.3% #6C87D6	RGB 108 135 214	#6C87D6
100.0%	100.0% #5C7ACF	RGB 92 122 207	#5C7ACF

#C0CBFB #AFBDF3 #9EB0EC #8EA2E5 #7D95DD #6C87D6 #5C7ACF

#C0CBFB - #5C7ACF

HSV Blend

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

0.0%	0.0% #C0CBFB	RGB 192 203 251	#C0CBFB
16.7%	16.7% #ADBBF3	RGB 173 187 243	#ADBBF3
33.3%	33.3% #9BACEC	RGB 155 172 236	#9BACEC
50.0%	50.0% #8A9EE5	RGB 138 158 229	#8A9EE5
66.7%	66.7% #7A91DD	RGB 122 145 221	#7A91DD
83.3%	83.3% #6A85D6	RGB 106 133 214	#6A85D6
100.0%	100.0% #5C7ACF	RGB 92 122 207	#5C7ACF

#C0CBFB #ADBBF3 #9BACEC #8A9EE5 #7A91DD #6A85D6 #5C7ACF

#C0CBFB - #8A9EE5 - #5C7ACF

CSS codes

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

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