#3B4A8F - #C7CBDF | 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 #3B4A8F to #C7CBDF

#3B4A8F #C7CBDF

Calculate the color between two colors, #3B4A8F and #C7CBDF. 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)

#3B4A8F - #C7CBDF | 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 #3B4A8F as 0% and #C7CBDF as 100%.

0.0%	0.0% #3B4A8F	RGB 59 74 143	#3B4A8F
16.7%	16.7% #525F9C	RGB 82 95 156	#525F9C
33.3%	33.3% #6975A9	RGB 105 117 169	#6975A9
50.0%	50.0% #818AB7	RGB 129 138 183	#818AB7
66.7%	66.7% #98A0C4	RGB 152 160 196	#98A0C4
83.3%	83.3% #AFB5D1	RGB 175 181 209	#AFB5D1
100.0%	100.0% #C7CBDF	RGB 199 203 223	#C7CBDF

#3B4A8F #525F9C #6975A9 #818AB7 #98A0C4 #AFB5D1 #C7CBDF

#3B4A8F - #C7CBDF

HSV Blend

#3B4A8F - #C7CBDF | 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 #3B4A8F as 0% and #C7CBDF as 100%.

0.0%	0.0% #3B498F	RGB 59 73 143	#3B498F
16.7%	16.7% #4D5B9C	RGB 77 91 156	#4D5B9C
33.3%	33.3% #616DA9	RGB 97 109 169	#616DA9
50.0%	50.0% #7782B7	RGB 119 130 183	#7782B7
66.7%	66.7% #8F98C4	RGB 143 152 196	#8F98C4
83.3%	83.3% #AAB0D1	RGB 170 176 209	#AAB0D1
100.0%	100.0% #C7CBDF	RGB 199 203 223	#C7CBDF

#3B498F #4D5B9C #616DA9 #7782B7 #8F98C4 #AAB0D1 #C7CBDF

#3B4A8F - #7782B7 - #C7CBDF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3B498F 0%, #7782B7 50%, #C7CBDF 100%);
    background: -webkit-linear-gradient(top, #3B498F 0%, #7782B7 50%, #C7CBDF 100%);
    background: linear-gradient(to bottom, #3B498F 0%, #7782B7 50%, #C7CBDF 100%);
}
</style>