#6B70B5 - #1F2D62 | 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 #6B70B5 to #1F2D62

#6B70B5 #1F2D62

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

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

0.0%	0.0% #6B70B5	RGB 107 112 181	#6B70B5
16.7%	16.7% #5E64A7	RGB 94 100 167	#5E64A7
33.3%	33.3% #515999	RGB 81 89 153	#515999
50.0%	50.0% #454E8B	RGB 69 78 139	#454E8B
66.7%	66.7% #38437D	RGB 56 67 125	#38437D
83.3%	83.3% #2B386F	RGB 43 56 111	#2B386F
100.0%	100.0% #1F2D62	RGB 31 45 98	#1F2D62

#6B70B5 #5E64A7 #515999 #454E8B #38437D #2B386F #1F2D62

#6B70B5 - #1F2D62

HSV Blend

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

0.0%	0.0% #6B70B5	RGB 107 112 181	#6B70B5
16.7%	16.7% #5B62A7	RGB 91 98 167	#5B62A7
33.3%	33.3% #4C5599	RGB 76 85 153	#4C5599
50.0%	50.0% #3F498B	RGB 63 73 139	#3F498B
66.7%	66.7% #333F7D	RGB 51 63 125	#333F7D
83.3%	83.3% #28356F	RGB 40 53 111	#28356F
100.0%	100.0% #1F2D62	RGB 31 45 98	#1F2D62

#6B70B5 #5B62A7 #4C5599 #3F498B #333F7D #28356F #1F2D62

#6B70B5 - #3F498B - #1F2D62

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B70B5 0%, #3F498B 50%, #1F2D62 100%);
    background: -webkit-linear-gradient(top, #6B70B5 0%, #3F498B 50%, #1F2D62 100%);
    background: linear-gradient(to bottom, #6B70B5 0%, #3F498B 50%, #1F2D62 100%);
}
</style>