#4C5C92 - #CBD0DF | 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 #4C5C92 to #CBD0DF

#4C5C92 #CBD0DF

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

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

0.0%	0.0% #4C5C92	RGB 76 92 146	#4C5C92
16.7%	16.7% #616F9E	RGB 97 111 158	#616F9E
33.3%	33.3% #7682AB	RGB 118 130 171	#7682AB
50.0%	50.0% #8B96B8	RGB 139 150 184	#8B96B8
66.7%	66.7% #A0A9C5	RGB 160 169 197	#A0A9C5
83.3%	83.3% #B5BCD2	RGB 181 188 210	#B5BCD2
100.0%	100.0% #CBD0DF	RGB 203 208 223	#CBD0DF

#4C5C92 #616F9E #7682AB #8B96B8 #A0A9C5 #B5BCD2 #CBD0DF

#4C5C92 - #CBD0DF

HSV Blend

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

0.0%	0.0% #4C5B92	RGB 76 91 146	#4C5B92
16.7%	16.7% #5C6C9E	RGB 92 108 158	#5C6C9E
33.3%	33.3% #6F7DAB	RGB 111 125 171	#6F7DAB
50.0%	50.0% #8390B8	RGB 131 144 184	#8390B8
66.7%	66.7% #99A4C5	RGB 153 164 197	#99A4C5
83.3%	83.3% #B1B9D2	RGB 177 185 210	#B1B9D2
100.0%	100.0% #CBD0DF	RGB 203 208 223	#CBD0DF

#4C5B92 #5C6C9E #6F7DAB #8390B8 #99A4C5 #B1B9D2 #CBD0DF

#4C5C92 - #8390B8 - #CBD0DF

CSS codes

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

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