#4D90C8 - #CCDFEF | 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 #4D90C8 to #CCDFEF

#4D90C8 #CCDFEF

Calculate the color between two colors, #4D90C8 and #CCDFEF. 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)

#4D90C8 - #CCDFEF | 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 #4D90C8 as 0% and #CCDFEF as 100%.

0.0%	0.0% #4D90C8	RGB 77 144 200	#4D90C8
16.7%	16.7% #629DCE	RGB 98 157 206	#629DCE
33.3%	33.3% #77AAD5	RGB 119 170 213	#77AAD5
50.0%	50.0% #8CB7DB	RGB 140 183 219	#8CB7DB
66.7%	66.7% #A1C4E2	RGB 161 196 226	#A1C4E2
83.3%	83.3% #B6D1E8	RGB 182 209 232	#B6D1E8
100.0%	100.0% #CCDFEF	RGB 204 223 239	#CCDFEF

#4D90C8 #629DCE #77AAD5 #8CB7DB #A1C4E2 #B6D1E8 #CCDFEF

#4D90C8 - #CCDFEF

HSV Blend

#4D90C8 - #CCDFEF | 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 #4D90C8 as 0% and #CCDFEF as 100%.

0.0%	0.0% #4D90C8	RGB 77 144 200	#4D90C8
16.7%	16.7% #5F9BCE	RGB 95 155 206	#5F9BCE
33.3%	33.3% #73A8D5	RGB 115 168 213	#73A8D5
50.0%	50.0% #87B5DB	RGB 135 181 219	#87B5DB
66.7%	66.7% #9DC2E2	RGB 157 194 226	#9DC2E2
83.3%	83.3% #B4D0E8	RGB 180 208 232	#B4D0E8
100.0%	100.0% #CCDFEF	RGB 204 223 239	#CCDFEF

#4D90C8 #5F9BCE #73A8D5 #87B5DB #9DC2E2 #B4D0E8 #CCDFEF

#4D90C8 - #87B5DB - #CCDFEF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D90C8 0%, #87B5DB 50%, #CCDFEF 100%);
    background: -webkit-linear-gradient(top, #4D90C8 0%, #87B5DB 50%, #CCDFEF 100%);
    background: linear-gradient(to bottom, #4D90C8 0%, #87B5DB 50%, #CCDFEF 100%);
}
</style>