#6D7EB6 - #243766 | 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 #6D7EB6 to #243766

#6D7EB6 #243766

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

#6D7EB6 - #243766 | 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 #6D7EB6 as 0% and #243766 as 100%.

0.0%	0.0% #6D7EB6	RGB 109 126 182	#6D7EB6
16.7%	16.7% #6072A8	RGB 96 114 168	#6072A8
33.3%	33.3% #54669B	RGB 84 102 155	#54669B
50.0%	50.0% #485A8E	RGB 72 90 142	#485A8E
66.7%	66.7% #3C4E80	RGB 60 78 128	#3C4E80
83.3%	83.3% #304273	RGB 48 66 115	#304273
100.0%	100.0% #243766	RGB 36 55 102	#243766

#6D7EB6 #6072A8 #54669B #485A8E #3C4E80 #304273 #243766

#6D7EB6 - #243766

HSV Blend

#6D7EB6 - #243766 | 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 #6D7EB6 as 0% and #243766 as 100%.

0.0%	0.0% #6D7EB6	RGB 109 126 182	#6D7EB6
16.7%	16.7% #5E70A8	RGB 94 112 168	#5E70A8
33.3%	33.3% #50639B	RGB 80 99 155	#50639B
50.0%	50.0% #43568E	RGB 67 86 142	#43568E
66.7%	66.7% #374B80	RGB 55 75 128	#374B80
83.3%	83.3% #2D4073	RGB 45 64 115	#2D4073
100.0%	100.0% #243766	RGB 36 55 102	#243766

#6D7EB6 #5E70A8 #50639B #43568E #374B80 #2D4073 #243766

#6D7EB6 - #43568E - #243766

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D7EB6 0%, #43568E 50%, #243766 100%);
    background: -webkit-linear-gradient(top, #6D7EB6 0%, #43568E 50%, #243766 100%);
    background: linear-gradient(to bottom, #6D7EB6 0%, #43568E 50%, #243766 100%);
}
</style>