#6D6D9C - #1F304B | 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 #6D6D9C to #1F304B

#6D6D9C #1F304B

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

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

0.0%	0.0% #6D6D9C	RGB 109 109 156	#6D6D9C
16.7%	16.7% #60628E	RGB 96 98 142	#60628E
33.3%	33.3% #535881	RGB 83 88 129	#535881
50.0%	50.0% #464E73	RGB 70 78 115	#464E73
66.7%	66.7% #394466	RGB 57 68 102	#394466
83.3%	83.3% #2C3A58	RGB 44 58 88	#2C3A58
100.0%	100.0% #1F304B	RGB 31 48 75	#1F304B

#6D6D9C #60628E #535881 #464E73 #394466 #2C3A58 #1F304B

#6D6D9C - #1F304B

HSV Blend

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

0.0%	0.0% #6D6D9C	RGB 109 109 156	#6D6D9C
16.7%	16.7% #5C5F8E	RGB 92 95 142	#5C5F8E
33.3%	33.3% #4D5481	RGB 77 84 129	#4D5481
50.0%	50.0% #404A73	RGB 64 74 115	#404A73
66.7%	66.7% #334066	RGB 51 64 102	#334066
83.3%	83.3% #283858	RGB 40 56 88	#283858
100.0%	100.0% #1F304B	RGB 31 48 75	#1F304B

#6D6D9C #5C5F8E #4D5481 #404A73 #334066 #283858 #1F304B

#6D6D9C - #404A73 - #1F304B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D6D9C 0%, #404A73 50%, #1F304B 100%);
    background: -webkit-linear-gradient(top, #6D6D9C 0%, #404A73 50%, #1F304B 100%);
    background: linear-gradient(to bottom, #6D6D9C 0%, #404A73 50%, #1F304B 100%);
}
</style>