#4D5BA2 - #CCD0E4 | 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 #4D5BA2 to #CCD0E4

#4D5BA2 #CCD0E4

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

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

0.0%	0.0% #4D5BA2	RGB 77 91 162	#4D5BA2
16.7%	16.7% #626EAD	RGB 98 110 173	#626EAD
33.3%	33.3% #7782B8	RGB 119 130 184	#7782B8
50.0%	50.0% #8C95C3	RGB 140 149 195	#8C95C3
66.7%	66.7% #A1A9CE	RGB 161 169 206	#A1A9CE
83.3%	83.3% #B6BCD9	RGB 182 188 217	#B6BCD9
100.0%	100.0% #CCD0E4	RGB 204 208 228	#CCD0E4

#4D5BA2 #626EAD #7782B8 #8C95C3 #A1A9CE #B6BCD9 #CCD0E4

#4D5BA2 - #CCD0E4

HSV Blend

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

0.0%	0.0% #4D5AA2	RGB 77 90 162	#4D5AA2
16.7%	16.7% #5E6BAD	RGB 94 107 173	#5E6BAD
33.3%	33.3% #717CB8	RGB 113 124 184	#717CB8
50.0%	50.0% #858FC3	RGB 133 143 195	#858FC3
66.7%	66.7% #9BA3CE	RGB 155 163 206	#9BA3CE
83.3%	83.3% #B2B9D9	RGB 178 185 217	#B2B9D9
100.0%	100.0% #CCD0E4	RGB 204 208 228	#CCD0E4

#4D5AA2 #5E6BAD #717CB8 #858FC3 #9BA3CE #B2B9D9 #CCD0E4

#4D5BA2 - #858FC3 - #CCD0E4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D5AA2 0%, #858FC3 50%, #CCD0E4 100%);
    background: -webkit-linear-gradient(top, #4D5AA2 0%, #858FC3 50%, #CCD0E4 100%);
    background: linear-gradient(to bottom, #4D5AA2 0%, #858FC3 50%, #CCD0E4 100%);
}
</style>