#5280BD - #CDDAEC | 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 #5280BD to #CDDAEC

#5280BD #CDDAEC

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

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

0.0%	0.0% #5280BD	RGB 82 128 189	#5280BD
16.7%	16.7% #668FC4	RGB 102 143 196	#668FC4
33.3%	33.3% #7B9ECC	RGB 123 158 204	#7B9ECC
50.0%	50.0% #8FADD4	RGB 143 173 212	#8FADD4
66.7%	66.7% #A4BCDC	RGB 164 188 220	#A4BCDC
83.3%	83.3% #B8CBE4	RGB 184 203 228	#B8CBE4
100.0%	100.0% #CDDAEC	RGB 205 218 236	#CDDAEC

#5280BD #668FC4 #7B9ECC #8FADD4 #A4BCDC #B8CBE4 #CDDAEC

#5280BD - #CDDAEC

HSV Blend

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

0.0%	0.0% #527FBD	RGB 82 127 189	#527FBD
16.7%	16.7% #638DC4	RGB 99 141 196	#638DC4
33.3%	33.3% #769BCC	RGB 118 155 204	#769BCC
50.0%	50.0% #8AA9D4	RGB 138 169 212	#8AA9D4
66.7%	66.7% #9FB9DC	RGB 159 185 220	#9FB9DC
83.3%	83.3% #B5C9E4	RGB 181 201 228	#B5C9E4
100.0%	100.0% #CDDAEC	RGB 205 218 236	#CDDAEC

#527FBD #638DC4 #769BCC #8AA9D4 #9FB9DC #B5C9E4 #CDDAEC

#5280BD - #8AA9D4 - #CDDAEC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #527FBD 0%, #8AA9D4 50%, #CDDAEC 100%);
    background: -webkit-linear-gradient(top, #527FBD 0%, #8AA9D4 50%, #CDDAEC 100%);
    background: linear-gradient(to bottom, #527FBD 0%, #8AA9D4 50%, #CDDAEC 100%);
}
</style>