#606A8D - #1E2E3D | 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 #606A8D to #1E2E3D

#606A8D #1E2E3D

Calculate the color between two colors, #606A8D and #1E2E3D. 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)

#606A8D - #1E2E3D | 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 #606A8D as 0% and #1E2E3D as 100%.

0.0%	0.0% #606A8D	RGB 96 106 141	#606A8D
16.7%	16.7% #55607F	RGB 85 96 127	#55607F
33.3%	33.3% #4A5672	RGB 74 86 114	#4A5672
50.0%	50.0% #3F4C65	RGB 63 76 101	#3F4C65
66.7%	66.7% #344257	RGB 52 66 87	#344257
83.3%	83.3% #29384A	RGB 41 56 74	#29384A
100.0%	100.0% #1E2E3D	RGB 30 46 61	#1E2E3D

#606A8D #55607F #4A5672 #3F4C65 #344257 #29384A #1E2E3D

#606A8D - #1E2E3D

HSV Blend

#606A8D - #1E2E3D | 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 #606A8D as 0% and #1E2E3D as 100%.

0.0%	0.0% #606A8D	RGB 96 106 141	#606A8D
16.7%	16.7% #525F7F	RGB 82 95 127	#525F7F
33.3%	33.3% #465472	RGB 70 84 114	#465472
50.0%	50.0% #3B4A65	RGB 59 74 101	#3B4A65
66.7%	66.7% #304057	RGB 48 64 87	#304057
83.3%	83.3% #26374A	RGB 38 55 74	#26374A
100.0%	100.0% #1E2E3D	RGB 30 46 61	#1E2E3D

#606A8D #525F7F #465472 #3B4A65 #304057 #26374A #1E2E3D

#606A8D - #3B4A65 - #1E2E3D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #606A8D 0%, #3B4A65 50%, #1E2E3D 100%);
    background: -webkit-linear-gradient(top, #606A8D 0%, #3B4A65 50%, #1E2E3D 100%);
    background: linear-gradient(to bottom, #606A8D 0%, #3B4A65 50%, #1E2E3D 100%);
}
</style>