#5091A8 - #CDDFE6 | 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 #5091A8 to #CDDFE6

#5091A8 #CDDFE6

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

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

0.0%	0.0% #5091A8	RGB 80 145 168	#5091A8
16.7%	16.7% #649EB2	RGB 100 158 178	#649EB2
33.3%	33.3% #79ABBC	RGB 121 171 188	#79ABBC
50.0%	50.0% #8EB8C7	RGB 142 184 199	#8EB8C7
66.7%	66.7% #A3C5D1	RGB 163 197 209	#A3C5D1
83.3%	83.3% #B8D2DB	RGB 184 210 219	#B8D2DB
100.0%	100.0% #CDDFE6	RGB 205 223 230	#CDDFE6

#5091A8 #649EB2 #79ABBC #8EB8C7 #A3C5D1 #B8D2DB #CDDFE6

#5091A8 - #CDDFE6

HSV Blend

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

0.0%	0.0% #5090A8	RGB 80 144 168	#5090A8
16.7%	16.7% #619CB2	RGB 97 156 178	#619CB2
33.3%	33.3% #73A9BC	RGB 115 169 188	#73A9BC
50.0%	50.0% #88B5C7	RGB 136 181 199	#88B5C7
66.7%	66.7% #9DC3D1	RGB 157 195 209	#9DC3D1
83.3%	83.3% #B4D0DB	RGB 180 208 219	#B4D0DB
100.0%	100.0% #CDDFE6	RGB 205 223 230	#CDDFE6

#5090A8 #619CB2 #73A9BC #88B5C7 #9DC3D1 #B4D0DB #CDDFE6

#5091A8 - #88B5C7 - #CDDFE6

CSS codes

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

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