#6C92C4 - #1E2938 | 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 #6C92C4 to #1E2938

#6C92C4 #1E2938

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

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

0.0%	0.0% #6C92C4	RGB 108 146 196	#6C92C4
16.7%	16.7% #5F80AC	RGB 95 128 172	#5F80AC
33.3%	33.3% #526F95	RGB 82 111 149	#526F95
50.0%	50.0% #455D7E	RGB 69 93 126	#455D7E
66.7%	66.7% #384C66	RGB 56 76 102	#384C66
83.3%	83.3% #2B3A4F	RGB 43 58 79	#2B3A4F
100.0%	100.0% #1E2938	RGB 30 41 56	#1E2938

#6C92C4 #5F80AC #526F95 #455D7E #384C66 #2B3A4F #1E2938

#6C92C4 - #1E2938

HSV Blend

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

0.0%	0.0% #6C92C4	RGB 108 146 196	#6C92C4
16.7%	16.7% #5E80AC	RGB 94 128 172	#5E80AC
33.3%	33.3% #516E95	RGB 81 110 149	#516E95
50.0%	50.0% #445D7E	RGB 68 93 126	#445D7E
66.7%	66.7% #374B66	RGB 55 75 102	#374B66
83.3%	83.3% #2A3A4F	RGB 42 58 79	#2A3A4F
100.0%	100.0% #1E2938	RGB 30 41 56	#1E2938

#6C92C4 #5E80AC #516E95 #445D7E #374B66 #2A3A4F #1E2938

#6C92C4 - #445D7E - #1E2938

CSS codes

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

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