#367097 - #1B2F40 | 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 #367097 to #1B2F40

#367097 #1B2F40

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

#367097 - #1B2F40 | 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 #367097 as 0% and #1B2F40 as 100%.

0.0%	0.0% #367097	RGB 54 112 151	#367097
16.7%	16.7% #316588	RGB 49 101 136	#316588
33.3%	33.3% #2D5A7A	RGB 45 90 122	#2D5A7A
50.0%	50.0% #284F6B	RGB 40 79 107	#284F6B
66.7%	66.7% #24445D	RGB 36 68 93	#24445D
83.3%	83.3% #1F394E	RGB 31 57 78	#1F394E
100.0%	100.0% #1B2F40	RGB 27 47 64	#1B2F40

#367097 #316588 #2D5A7A #284F6B #24445D #1F394E #1B2F40

#367097 - #1B2F40

HSV Blend

#367097 - #1B2F40 | 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 #367097 as 0% and #1B2F40 as 100%.

0.0%	0.0% #367097	RGB 54 112 151	#367097
16.7%	16.7% #326588	RGB 50 101 136	#326588
33.3%	33.3% #2E5A7A	RGB 46 90 122	#2E5A7A
50.0%	50.0% #294F6B	RGB 41 79 107	#294F6B
66.7%	66.7% #25445D	RGB 37 68 93	#25445D
83.3%	83.3% #20394E	RGB 32 57 78	#20394E
100.0%	100.0% #1B2F40	RGB 27 47 64	#1B2F40

#367097 #326588 #2E5A7A #294F6B #25445D #20394E #1B2F40

#367097 - #294F6B - #1B2F40

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #367097 0%, #294F6B 50%, #1B2F40 100%);
    background: -webkit-linear-gradient(top, #367097 0%, #294F6B 50%, #1B2F40 100%);
    background: linear-gradient(to bottom, #367097 0%, #294F6B 50%, #1B2F40 100%);
}
</style>