#4C5E91 - #CBD1DF | 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 #4C5E91 to #CBD1DF

#4C5E91 #CBD1DF

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

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

0.0%	0.0% #4C5E91	RGB 76 94 145	#4C5E91
16.7%	16.7% #61719E	RGB 97 113 158	#61719E
33.3%	33.3% #7684AB	RGB 118 132 171	#7684AB
50.0%	50.0% #8B97B8	RGB 139 151 184	#8B97B8
66.7%	66.7% #A0AAC5	RGB 160 170 197	#A0AAC5
83.3%	83.3% #B5BDD2	RGB 181 189 210	#B5BDD2
100.0%	100.0% #CBD1DF	RGB 203 209 223	#CBD1DF

#4C5E91 #61719E #7684AB #8B97B8 #A0AAC5 #B5BDD2 #CBD1DF

#4C5E91 - #CBD1DF

HSV Blend

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

0.0%	0.0% #4C5D91	RGB 76 93 145	#4C5D91
16.7%	16.7% #5C6E9E	RGB 92 110 158	#5C6E9E
33.3%	33.3% #6F7FAB	RGB 111 127 171	#6F7FAB
50.0%	50.0% #8392B8	RGB 131 146 184	#8392B8
66.7%	66.7% #99A6C5	RGB 153 166 197	#99A6C5
83.3%	83.3% #B1BBD2	RGB 177 187 210	#B1BBD2
100.0%	100.0% #CBD1DF	RGB 203 209 223	#CBD1DF

#4C5D91 #5C6E9E #6F7FAB #8392B8 #99A6C5 #B1BBD2 #CBD1DF

#4C5E91 - #8392B8 - #CBD1DF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C5D91 0%, #8392B8 50%, #CBD1DF 100%);
    background: -webkit-linear-gradient(top, #4C5D91 0%, #8392B8 50%, #CBD1DF 100%);
    background: linear-gradient(to bottom, #4C5D91 0%, #8392B8 50%, #CBD1DF 100%);
}
</style>