#4D5BAB - #CCD0E7 | 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 #4D5BAB to #CCD0E7

#4D5BAB #CCD0E7

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

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

0.0%	0.0% #4D5BAB	RGB 77 91 171	#4D5BAB
16.7%	16.7% #626EB5	RGB 98 110 181	#626EB5
33.3%	33.3% #7782BF	RGB 119 130 191	#7782BF
50.0%	50.0% #8C95C9	RGB 140 149 201	#8C95C9
66.7%	66.7% #A1A9D3	RGB 161 169 211	#A1A9D3
83.3%	83.3% #B6BCDD	RGB 182 188 221	#B6BCDD
100.0%	100.0% #CCD0E7	RGB 204 208 231	#CCD0E7

#4D5BAB #626EB5 #7782BF #8C95C9 #A1A9D3 #B6BCDD #CCD0E7

#4D5BAB - #CCD0E7

HSV Blend

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

0.0%	0.0% #4D5BAB	RGB 77 91 171	#4D5BAB
16.7%	16.7% #5E6BB5	RGB 94 107 181	#5E6BB5
33.3%	33.3% #717DBF	RGB 113 125 191	#717DBF
50.0%	50.0% #868FC9	RGB 134 143 201	#868FC9
66.7%	66.7% #9BA4D3	RGB 155 164 211	#9BA4D3
83.3%	83.3% #B3B9DD	RGB 179 185 221	#B3B9DD
100.0%	100.0% #CCD0E7	RGB 204 208 231	#CCD0E7

#4D5BAB #5E6BB5 #717DBF #868FC9 #9BA4D3 #B3B9DD #CCD0E7

#4D5BAB - #868FC9 - #CCD0E7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D5BAB 0%, #868FC9 50%, #CCD0E7 100%);
    background: -webkit-linear-gradient(top, #4D5BAB 0%, #868FC9 50%, #CCD0E7 100%);
    background: linear-gradient(to bottom, #4D5BAB 0%, #868FC9 50%, #CCD0E7 100%);
}
</style>