#C0CEFF - #5455D0 | 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 #C0CEFF to #5455D0

#C0CEFF #5455D0

Calculate the color between two colors, #C0CEFF and #5455D0. 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)

#C0CEFF - #5455D0 | 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 #C0CEFF as 0% and #5455D0 as 100%.

0.0%	0.0% #C0CEFF	RGB 192 206 255	#C0CEFF
16.7%	16.7% #AEB9F7	RGB 174 185 247	#AEB9F7
33.3%	33.3% #9CA5EF	RGB 156 165 239	#9CA5EF
50.0%	50.0% #8A91E7	RGB 138 145 231	#8A91E7
66.7%	66.7% #787DDF	RGB 120 125 223	#787DDF
83.3%	83.3% #6669D7	RGB 102 105 215	#6669D7
100.0%	100.0% #5455D0	RGB 84 85 208	#5455D0

#C0CEFF #AEB9F7 #9CA5EF #8A91E7 #787DDF #6669D7 #5455D0

#C0CEFF - #5455D0

HSV Blend

#C0CEFF - #5455D0 | 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 #C0CEFF as 0% and #5455D0 as 100%.

0.0%	0.0% #C0CEFF	RGB 192 206 255	#C0CEFF
16.7%	16.7% #ABB9F7	RGB 171 185 247	#ABB9F7
33.3%	33.3% #98A5EF	RGB 152 165 239	#98A5EF
50.0%	50.0% #8591E7	RGB 133 145 231	#8591E7
66.7%	66.7% #747CDF	RGB 116 124 223	#747CDF
83.3%	83.3% #6368D7	RGB 99 104 215	#6368D7
100.0%	100.0% #5455D0	RGB 84 85 208	#5455D0

#C0CEFF #ABB9F7 #98A5EF #8591E7 #747CDF #6368D7 #5455D0

#C0CEFF - #8591E7 - #5455D0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0CEFF 0%, #8591E7 50%, #5455D0 100%);
    background: -webkit-linear-gradient(top, #C0CEFF 0%, #8591E7 50%, #5455D0 100%);
    background: linear-gradient(to bottom, #C0CEFF 0%, #8591E7 50%, #5455D0 100%);
}
</style>