#201E5E - #6CA0AE | 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 #201E5E to #6CA0AE

#201E5E #6CA0AE

Calculate the color between two colors, #201E5E and #6CA0AE. 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)

#201E5E - #6CA0AE | 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 #201E5E as 0% and #6CA0AE as 100%.

0.0%	0.0% #201E5E	RGB 32 30 94	#201E5E
16.7%	16.7% #2C336B	RGB 44 51 107	#2C336B
33.3%	33.3% #394978	RGB 57 73 120	#394978
50.0%	50.0% #465F86	RGB 70 95 134	#465F86
66.7%	66.7% #527493	RGB 82 116 147	#527493
83.3%	83.3% #5F8AA0	RGB 95 138 160	#5F8AA0
100.0%	100.0% #6CA0AE	RGB 108 160 174	#6CA0AE

#201E5E #2C336B #394978 #465F86 #527493 #5F8AA0 #6CA0AE

#201E5E - #6CA0AE

HSV Blend

#201E5E - #6CA0AE | 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 #201E5E as 0% and #6CA0AE as 100%.

0.0%	0.0% #201E5E	RGB 32 30 94	#201E5E
16.7%	16.7% #272E6B	RGB 39 46 107	#272E6B
33.3%	33.3% #324378	RGB 50 67 120	#324378
50.0%	50.0% #3E5986	RGB 62 89 134	#3E5986
66.7%	66.7% #4C7193	RGB 76 113 147	#4C7193
83.3%	83.3% #5B88A0	RGB 91 136 160	#5B88A0
100.0%	100.0% #6CA0AE	RGB 108 160 174	#6CA0AE

#201E5E #272E6B #324378 #3E5986 #4C7193 #5B88A0 #6CA0AE

#201E5E - #3E5986 - #6CA0AE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #201E5E 0%, #3E5986 50%, #6CA0AE 100%);
    background: -webkit-linear-gradient(top, #201E5E 0%, #3E5986 50%, #6CA0AE 100%);
    background: linear-gradient(to bottom, #201E5E 0%, #3E5986 50%, #6CA0AE 100%);
}
</style>