#231B5E - #6A6A98 | 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 #231B5E to #6A6A98

#231B5E #6A6A98

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

#231B5E - #6A6A98 | 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 #231B5E as 0% and #6A6A98 as 100%.

0.0%	0.0% #231B5E	RGB 35 27 94	#231B5E
16.7%	16.7% #2E2867	RGB 46 40 103	#2E2867
33.3%	33.3% #3A3571	RGB 58 53 113	#3A3571
50.0%	50.0% #46427B	RGB 70 66 123	#46427B
66.7%	66.7% #524F84	RGB 82 79 132	#524F84
83.3%	83.3% #5E5C8E	RGB 94 92 142	#5E5C8E
100.0%	100.0% #6A6A98	RGB 106 106 152	#6A6A98

#231B5E #2E2867 #3A3571 #46427B #524F84 #5E5C8E #6A6A98

#231B5E - #6A6A98

HSV Blend

#231B5E - #6A6A98 | 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 #231B5E as 0% and #6A6A98 as 100%.

0.0%	0.0% #231B5E	RGB 35 27 94	#231B5E
16.7%	16.7% #2B2467	RGB 43 36 103	#2B2467
33.3%	33.3% #353071	RGB 53 48 113	#353071
50.0%	50.0% #403C7B	RGB 64 60 123	#403C7B
66.7%	66.7% #4C4A84	RGB 76 74 132	#4C4A84
83.3%	83.3% #5A598E	RGB 90 89 142	#5A598E
100.0%	100.0% #6A6A98	RGB 106 106 152	#6A6A98

#231B5E #2B2467 #353071 #403C7B #4C4A84 #5A598E #6A6A98

#231B5E - #403C7B - #6A6A98

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #231B5E 0%, #403C7B 50%, #6A6A98 100%);
    background: -webkit-linear-gradient(top, #231B5E 0%, #403C7B 50%, #6A6A98 100%);
    background: linear-gradient(to bottom, #231B5E 0%, #403C7B 50%, #6A6A98 100%);
}
</style>