#5151AD - #171731 | 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 #5151AD to #171731

#5151AD #171731

Calculate the color between two colors, #5151AD and #171731. 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)

#5151AD - #171731 | 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 #5151AD as 0% and #171731 as 100%.

0.0%	0.0% #5151AD	RGB 81 81 173	#5151AD
16.7%	16.7% #474798	RGB 71 71 152	#474798
33.3%	33.3% #3D3D83	RGB 61 61 131	#3D3D83
50.0%	50.0% #34346F	RGB 52 52 111	#34346F
66.7%	66.7% #2A2A5A	RGB 42 42 90	#2A2A5A
83.3%	83.3% #202045	RGB 32 32 69	#202045
100.0%	100.0% #171731	RGB 23 23 49	#171731

#5151AD #474798 #3D3D83 #34346F #2A2A5A #202045 #171731

#5151AD - #171731

HSV Blend

#5151AD - #171731 | 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 #5151AD as 0% and #171731 as 100%.

0.0%	0.0% #5151AD	RGB 81 81 173	#5151AD
16.7%	16.7% #474798	RGB 71 71 152	#474798
33.3%	33.3% #3D3D83	RGB 61 61 131	#3D3D83
50.0%	50.0% #34346F	RGB 52 52 111	#34346F
66.7%	66.7% #2A2A5A	RGB 42 42 90	#2A2A5A
83.3%	83.3% #202045	RGB 32 32 69	#202045
100.0%	100.0% #171731	RGB 23 23 49	#171731

#5151AD #474798 #3D3D83 #34346F #2A2A5A #202045 #171731

#5151AD - #34346F - #171731

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5151AD 0%, #34346F 50%, #171731 100%);
    background: -webkit-linear-gradient(top, #5151AD 0%, #34346F 50%, #171731 100%);
    background: linear-gradient(to bottom, #5151AD 0%, #34346F 50%, #171731 100%);
}
</style>