#5076A8 - #CDD7E6 | 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 #5076A8 to #CDD7E6

#5076A8 #CDD7E6

Calculate the color between two colors, #5076A8 and #CDD7E6. 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)

#5076A8 - #CDD7E6 | 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 #5076A8 as 0% and #CDD7E6 as 100%.

0.0%	0.0% #5076A8	RGB 80 118 168	#5076A8
16.7%	16.7% #6486B2	RGB 100 134 178	#6486B2
33.3%	33.3% #7996BC	RGB 121 150 188	#7996BC
50.0%	50.0% #8EA6C7	RGB 142 166 199	#8EA6C7
66.7%	66.7% #A3B6D1	RGB 163 182 209	#A3B6D1
83.3%	83.3% #B8C6DB	RGB 184 198 219	#B8C6DB
100.0%	100.0% #CDD7E6	RGB 205 215 230	#CDD7E6

#5076A8 #6486B2 #7996BC #8EA6C7 #A3B6D1 #B8C6DB #CDD7E6

#5076A8 - #CDD7E6

HSV Blend

#5076A8 - #CDD7E6 | 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 #5076A8 as 0% and #CDD7E6 as 100%.

0.0%	0.0% #5076A8	RGB 80 118 168	#5076A8
16.7%	16.7% #6183B2	RGB 97 131 178	#6183B2
33.3%	33.3% #7392BC	RGB 115 146 188	#7392BC
50.0%	50.0% #88A2C7	RGB 136 162 199	#88A2C7
66.7%	66.7% #9DB2D1	RGB 157 178 209	#9DB2D1
83.3%	83.3% #B4C4DB	RGB 180 196 219	#B4C4DB
100.0%	100.0% #CDD7E6	RGB 205 215 230	#CDD7E6

#5076A8 #6183B2 #7392BC #88A2C7 #9DB2D1 #B4C4DB #CDD7E6

#5076A8 - #88A2C7 - #CDD7E6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5076A8 0%, #88A2C7 50%, #CDD7E6 100%);
    background: -webkit-linear-gradient(top, #5076A8 0%, #88A2C7 50%, #CDD7E6 100%);
    background: linear-gradient(to bottom, #5076A8 0%, #88A2C7 50%, #CDD7E6 100%);
}
</style>