#6B73A8 - #22397E | 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 #6B73A8 to #22397E

#6B73A8 #22397E

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

#6B73A8 - #22397E | 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 #6B73A8 as 0% and #22397E as 100%.

0.0%	0.0% #6B73A8	RGB 107 115 168	#6B73A8
16.7%	16.7% #5E69A1	RGB 94 105 161	#5E69A1
33.3%	33.3% #525F9A	RGB 82 95 154	#525F9A
50.0%	50.0% #465693	RGB 70 86 147	#465693
66.7%	66.7% #3A4C8C	RGB 58 76 140	#3A4C8C
83.3%	83.3% #2E4285	RGB 46 66 133	#2E4285
100.0%	100.0% #22397E	RGB 34 57 126	#22397E

#6B73A8 #5E69A1 #525F9A #465693 #3A4C8C #2E4285 #22397E

#6B73A8 - #22397E

HSV Blend

#6B73A8 - #22397E | 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 #6B73A8 as 0% and #22397E as 100%.

0.0%	0.0% #6B73A8	RGB 107 115 168	#6B73A8
16.7%	16.7% #5C67A1	RGB 92 103 161	#5C67A1
33.3%	33.3% #4F5C9A	RGB 79 92 154	#4F5C9A
50.0%	50.0% #425193	RGB 66 81 147	#425193
66.7%	66.7% #36488C	RGB 54 72 140	#36488C
83.3%	83.3% #2C4085	RGB 44 64 133	#2C4085
100.0%	100.0% #22397E	RGB 34 57 126	#22397E

#6B73A8 #5C67A1 #4F5C9A #425193 #36488C #2C4085 #22397E

#6B73A8 - #425193 - #22397E

CSS codes

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

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