#7C92B2 - #314667 | 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 #7C92B2 to #314667

#7C92B2 #314667

Calculate the color between two colors, #7C92B2 and #314667. 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)

#7C92B2 - #314667 | 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 #7C92B2 as 0% and #314667 as 100%.

0.0%	0.0% #7C92B2	RGB 124 146 178	#7C92B2
16.7%	16.7% #6F85A5	RGB 111 133 165	#6F85A5
33.3%	33.3% #637899	RGB 99 120 153	#637899
50.0%	50.0% #566C8C	RGB 86 108 140	#566C8C
66.7%	66.7% #4A5F80	RGB 74 95 128	#4A5F80
83.3%	83.3% #3D5273	RGB 61 82 115	#3D5273
100.0%	100.0% #314667	RGB 49 70 103	#314667

#7C92B2 #6F85A5 #637899 #566C8C #4A5F80 #3D5273 #314667

#7C92B2 - #314667

HSV Blend

#7C92B2 - #314667 | 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 #7C92B2 as 0% and #314667 as 100%.

0.0%	0.0% #7C92B2	RGB 124 146 178	#7C92B2
16.7%	16.7% #6D83A5	RGB 109 131 165	#6D83A5
33.3%	33.3% #5F7699	RGB 95 118 153	#5F7699
50.0%	50.0% #52698C	RGB 82 105 140	#52698C
66.7%	66.7% #465D80	RGB 70 93 128	#465D80
83.3%	83.3% #3B5173	RGB 59 81 115	#3B5173
100.0%	100.0% #314667	RGB 49 70 103	#314667

#7C92B2 #6D83A5 #5F7699 #52698C #465D80 #3B5173 #314667

#7C92B2 - #52698C - #314667

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7C92B2 0%, #52698C 50%, #314667 100%);
    background: -webkit-linear-gradient(top, #7C92B2 0%, #52698C 50%, #314667 100%);
    background: linear-gradient(to bottom, #7C92B2 0%, #52698C 50%, #314667 100%);
}
</style>