#553CAF - #1F095E | 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 #553CAF to #1F095E

#553CAF #1F095E

Calculate the color between two colors, #553CAF and #1F095E. 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)

#553CAF - #1F095E | 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 #553CAF as 0% and #1F095E as 100%.

0.0%	0.0% #553CAF	RGB 85 60 175	#553CAF
16.7%	16.7% #4C33A1	RGB 76 51 161	#4C33A1
33.3%	33.3% #432B94	RGB 67 43 148	#432B94
50.0%	50.0% #3A2286	RGB 58 34 134	#3A2286
66.7%	66.7% #311A79	RGB 49 26 121	#311A79
83.3%	83.3% #28116B	RGB 40 17 107	#28116B
100.0%	100.0% #1F095E	RGB 31 9 94	#1F095E

#553CAF #4C33A1 #432B94 #3A2286 #311A79 #28116B #1F095E

#553CAF - #1F095E

HSV Blend

#553CAF - #1F095E | 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 #553CAF as 0% and #1F095E as 100%.

0.0%	0.0% #553CAF	RGB 85 60 175	#553CAF
16.7%	16.7% #4A30A1	RGB 74 48 161	#4A30A1
33.3%	33.3% #3F2694	RGB 63 38 148	#3F2694
50.0%	50.0% #361D86	RGB 54 29 134	#361D86
66.7%	66.7% #2D1579	RGB 45 21 121	#2D1579
83.3%	83.3% #260E6B	RGB 38 14 107	#260E6B
100.0%	100.0% #1F095E	RGB 31 9 94	#1F095E

#553CAF #4A30A1 #3F2694 #361D86 #2D1579 #260E6B #1F095E

#553CAF - #361D86 - #1F095E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #553CAF 0%, #361D86 50%, #1F095E 100%);
    background: -webkit-linear-gradient(top, #553CAF 0%, #361D86 50%, #1F095E 100%);
    background: linear-gradient(to bottom, #553CAF 0%, #361D86 50%, #1F095E 100%);
}
</style>