#303350 - #5E8B9A | 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 #303350 to #5E8B9A

#303350 #5E8B9A

Calculate the color between two colors, #303350 and #5E8B9A. 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)

#303350 - #5E8B9A | 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 #303350 as 0% and #5E8B9A as 100%.

0.0%	0.0% #303350	RGB 48 51 80	#303350
16.7%	16.7% #37415C	RGB 55 65 92	#37415C
33.3%	33.3% #3F5068	RGB 63 80 104	#3F5068
50.0%	50.0% #475F75	RGB 71 95 117	#475F75
66.7%	66.7% #4E6D81	RGB 78 109 129	#4E6D81
83.3%	83.3% #567C8D	RGB 86 124 141	#567C8D
100.0%	100.0% #5E8B9A	RGB 94 139 154	#5E8B9A

#303350 #37415C #3F5068 #475F75 #4E6D81 #567C8D #5E8B9A

#303350 - #5E8B9A

HSV Blend

#303350 - #5E8B9A | 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 #303350 as 0% and #5E8B9A as 100%.

0.0%	0.0% #303350	RGB 48 51 80	#303350
16.7%	16.7% #373F5C	RGB 55 63 92	#373F5C
33.3%	33.3% #3F4C68	RGB 63 76 104	#3F4C68
50.0%	50.0% #465A75	RGB 70 90 117	#465A75
66.7%	66.7% #4E6981	RGB 78 105 129	#4E6981
83.3%	83.3% #56798D	RGB 86 121 141	#56798D
100.0%	100.0% #5E8B9A	RGB 94 139 154	#5E8B9A

#303350 #373F5C #3F4C68 #465A75 #4E6981 #56798D #5E8B9A

#303350 - #465A75 - #5E8B9A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #303350 0%, #465A75 50%, #5E8B9A 100%);
    background: -webkit-linear-gradient(top, #303350 0%, #465A75 50%, #5E8B9A 100%);
    background: linear-gradient(to bottom, #303350 0%, #465A75 50%, #5E8B9A 100%);
}
</style>