#6C92C4 - #0C4A94 | 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 #0C4A94

#6C92C4 #0C4A94

Calculate the color between two colors, #6C92C4 and #0C4A94. 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 - #0C4A94 | 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 #0C4A94 as 100%.

0.0%	0.0% #6C92C4	RGB 108 146 196	#6C92C4
16.7%	16.7% #5C86BC	RGB 92 134 188	#5C86BC
33.3%	33.3% #4C7AB4	RGB 76 122 180	#4C7AB4
50.0%	50.0% #3C6EAC	RGB 60 110 172	#3C6EAC
66.7%	66.7% #2C62A4	RGB 44 98 164	#2C62A4
83.3%	83.3% #1C569C	RGB 28 86 156	#1C569C
100.0%	100.0% #0C4A94	RGB 12 74 148	#0C4A94

#6C92C4 #5C86BC #4C7AB4 #3C6EAC #2C62A4 #1C569C #0C4A94

#6C92C4 - #0C4A94

HSV Blend

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

0.0%	0.0% #6C92C4	RGB 108 146 196	#6C92C4
16.7%	16.7% #5884BC	RGB 88 132 188	#5884BC
33.3%	33.3% #4676B4	RGB 70 118 180	#4676B4
50.0%	50.0% #366AAC	RGB 54 106 172	#366AAC
66.7%	66.7% #265EA4	RGB 38 94 164	#265EA4
83.3%	83.3% #18549C	RGB 24 84 156	#18549C
100.0%	100.0% #0C4A94	RGB 12 74 148	#0C4A94

#6C92C4 #5884BC #4676B4 #366AAC #265EA4 #18549C #0C4A94

#6C92C4 - #366AAC - #0C4A94

CSS codes

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

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