#5280FF - #CDDAFF | 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 #5280FF to #CDDAFF

#5280FF #CDDAFF

Calculate the color between two colors, #5280FF and #CDDAFF. 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)

#5280FF - #CDDAFF | 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 #5280FF as 0% and #CDDAFF as 100%.

0.0%	0.0% #5280FF	RGB 82 128 255	#5280FF
16.7%	16.7% #668FFF	RGB 102 143 255	#668FFF
33.3%	33.3% #7B9EFF	RGB 123 158 255	#7B9EFF
50.0%	50.0% #8FADFF	RGB 143 173 255	#8FADFF
66.7%	66.7% #A4BCFF	RGB 164 188 255	#A4BCFF
83.3%	83.3% #B8CBFF	RGB 184 203 255	#B8CBFF
100.0%	100.0% #CDDAFF	RGB 205 218 255	#CDDAFF

#5280FF #668FFF #7B9EFF #8FADFF #A4BCFF #B8CBFF #CDDAFF

#5280FF - #CDDAFF

HSV Blend

#5280FF - #CDDAFF | 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 #5280FF as 0% and #CDDAFF as 100%.

0.0%	0.0% #517FFF	RGB 81 127 255	#517FFF
16.7%	16.7% #668EFF	RGB 102 142 255	#668EFF
33.3%	33.3% #7B9DFF	RGB 123 157 255	#7B9DFF
50.0%	50.0% #8FACFF	RGB 143 172 255	#8FACFF
66.7%	66.7% #A4BBFF	RGB 164 187 255	#A4BBFF
83.3%	83.3% #B8CAFF	RGB 184 202 255	#B8CAFF
100.0%	100.0% #CDDAFF	RGB 205 218 255	#CDDAFF

#517FFF #668EFF #7B9DFF #8FACFF #A4BBFF #B8CAFF #CDDAFF

#5280FF - #8FACFF - #CDDAFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #517FFF 0%, #8FACFF 50%, #CDDAFF 100%);
    background: -webkit-linear-gradient(top, #517FFF 0%, #8FACFF 50%, #CDDAFF 100%);
    background: linear-gradient(to bottom, #517FFF 0%, #8FACFF 50%, #CDDAFF 100%);
}
</style>