#6C92EB - #1E2943 | 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 #6C92EB to #1E2943

#6C92EB #1E2943

Calculate the color between two colors, #6C92EB and #1E2943. 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)

#6C92EB - #1E2943 | 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 #6C92EB as 0% and #1E2943 as 100%.

0.0%	0.0% #6C92EB	RGB 108 146 235	#6C92EB
16.7%	16.7% #5F80CF	RGB 95 128 207	#5F80CF
33.3%	33.3% #526FB3	RGB 82 111 179	#526FB3
50.0%	50.0% #455D97	RGB 69 93 151	#455D97
66.7%	66.7% #384C7B	RGB 56 76 123	#384C7B
83.3%	83.3% #2B3A5F	RGB 43 58 95	#2B3A5F
100.0%	100.0% #1E2943	RGB 30 41 67	#1E2943

#6C92EB #5F80CF #526FB3 #455D97 #384C7B #2B3A5F #1E2943

#6C92EB - #1E2943

HSV Blend

#6C92EB - #1E2943 | 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 #6C92EB as 0% and #1E2943 as 100%.

0.0%	0.0% #6C91EB	RGB 108 145 235	#6C91EB
16.7%	16.7% #5E80CF	RGB 94 128 207	#5E80CF
33.3%	33.3% #516EB3	RGB 81 110 179	#516EB3
50.0%	50.0% #445D97	RGB 68 93 151	#445D97
66.7%	66.7% #374B7B	RGB 55 75 123	#374B7B
83.3%	83.3% #2A3A5F	RGB 42 58 95	#2A3A5F
100.0%	100.0% #1E2943	RGB 30 41 67	#1E2943

#6C91EB #5E80CF #516EB3 #445D97 #374B7B #2A3A5F #1E2943

#6C92EB - #445D97 - #1E2943

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6C91EB 0%, #445D97 50%, #1E2943 100%);
    background: -webkit-linear-gradient(top, #6C91EB 0%, #445D97 50%, #1E2943 100%);
    background: linear-gradient(to bottom, #6C91EB 0%, #445D97 50%, #1E2943 100%);
}
</style>