#4A56A8 - #CBCEE6 | 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 #4A56A8 to #CBCEE6

#4A56A8 #CBCEE6

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

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

0.0%	0.0% #4A56A8	RGB 74 86 168	#4A56A8
16.7%	16.7% #5F6AB2	RGB 95 106 178	#5F6AB2
33.3%	33.3% #757EBC	RGB 117 126 188	#757EBC
50.0%	50.0% #8A92C7	RGB 138 146 199	#8A92C7
66.7%	66.7% #A0A6D1	RGB 160 166 209	#A0A6D1
83.3%	83.3% #B5BADB	RGB 181 186 219	#B5BADB
100.0%	100.0% #CBCEE6	RGB 203 206 230	#CBCEE6

#4A56A8 #5F6AB2 #757EBC #8A92C7 #A0A6D1 #B5BADB #CBCEE6

#4A56A8 - #CBCEE6

HSV Blend

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

0.0%	0.0% #4A55A8	RGB 74 85 168	#4A55A8
16.7%	16.7% #5B66B2	RGB 91 102 178	#5B66B2
33.3%	33.3% #6E78BC	RGB 110 120 188	#6E78BC
50.0%	50.0% #838BC7	RGB 131 139 199	#838BC7
66.7%	66.7% #99A0D1	RGB 153 160 209	#99A0D1
83.3%	83.3% #B1B6DB	RGB 177 182 219	#B1B6DB
100.0%	100.0% #CBCEE6	RGB 203 206 230	#CBCEE6

#4A55A8 #5B66B2 #6E78BC #838BC7 #99A0D1 #B1B6DB #CBCEE6

#4A56A8 - #838BC7 - #CBCEE6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A55A8 0%, #838BC7 50%, #CBCEE6 100%);
    background: -webkit-linear-gradient(top, #4A55A8 0%, #838BC7 50%, #CBCEE6 100%);
    background: linear-gradient(to bottom, #4A55A8 0%, #838BC7 50%, #CBCEE6 100%);
}
</style>