#5061A8 - #CDD1E6 | 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 #5061A8 to #CDD1E6

#5061A8 #CDD1E6

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

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

0.0%	0.0% #5061A8	RGB 80 97 168	#5061A8
16.7%	16.7% #6473B2	RGB 100 115 178	#6473B2
33.3%	33.3% #7986BC	RGB 121 134 188	#7986BC
50.0%	50.0% #8E99C7	RGB 142 153 199	#8E99C7
66.7%	66.7% #A3ABD1	RGB 163 171 209	#A3ABD1
83.3%	83.3% #B8BEDB	RGB 184 190 219	#B8BEDB
100.0%	100.0% #CDD1E6	RGB 205 209 230	#CDD1E6

#5061A8 #6473B2 #7986BC #8E99C7 #A3ABD1 #B8BEDB #CDD1E6

#5061A8 - #CDD1E6

HSV Blend

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

0.0%	0.0% #5061A8	RGB 80 97 168	#5061A8
16.7%	16.7% #6170B2	RGB 97 112 178	#6170B2
33.3%	33.3% #7381BC	RGB 115 129 188	#7381BC
50.0%	50.0% #8893C7	RGB 136 147 199	#8893C7
66.7%	66.7% #9DA6D1	RGB 157 166 209	#9DA6D1
83.3%	83.3% #B4BBDB	RGB 180 187 219	#B4BBDB
100.0%	100.0% #CDD1E6	RGB 205 209 230	#CDD1E6

#5061A8 #6170B2 #7381BC #8893C7 #9DA6D1 #B4BBDB #CDD1E6

#5061A8 - #8893C7 - #CDD1E6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5061A8 0%, #8893C7 50%, #CDD1E6 100%);
    background: -webkit-linear-gradient(top, #5061A8 0%, #8893C7 50%, #CDD1E6 100%);
    background: linear-gradient(to bottom, #5061A8 0%, #8893C7 50%, #CDD1E6 100%);
}
</style>