#1B5E5A - #03302B | 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 #1B5E5A to #03302B

#1B5E5A #03302B

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

#1B5E5A - #03302B | 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 #1B5E5A as 0% and #03302B as 100%.

0.0%	0.0% #1B5E5A	RGB 27 94 90	#1B5E5A
16.7%	16.7% #175652	RGB 23 86 82	#175652
33.3%	33.3% #134E4A	RGB 19 78 74	#134E4A
50.0%	50.0% #0F4742	RGB 15 71 66	#0F4742
66.7%	66.7% #0B3F3A	RGB 11 63 58	#0B3F3A
83.3%	83.3% #073732	RGB 7 55 50	#073732
100.0%	100.0% #03302B	RGB 3 48 43	#03302B

#1B5E5A #175652 #134E4A #0F4742 #0B3F3A #073732 #03302B

#1B5E5A - #03302B

HSV Blend

#1B5E5A - #03302B | 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 #1B5E5A as 0% and #03302B as 100%.

0.0%	0.0% #1B5E5A	RGB 27 94 90	#1B5E5A
16.7%	16.7% #155651	RGB 21 86 81	#155651
33.3%	33.3% #104E49	RGB 16 78 73	#104E49
50.0%	50.0% #0C4741	RGB 12 71 65	#0C4741
66.7%	66.7% #083F3A	RGB 8 63 58	#083F3A
83.3%	83.3% #053732	RGB 5 55 50	#053732
100.0%	100.0% #03302B	RGB 3 48 43	#03302B

#1B5E5A #155651 #104E49 #0C4741 #083F3A #053732 #03302B

#1B5E5A - #0C4741 - #03302B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B5E5A 0%, #0C4741 50%, #03302B 100%);
    background: -webkit-linear-gradient(top, #1B5E5A 0%, #0C4741 50%, #03302B 100%);
    background: linear-gradient(to bottom, #1B5E5A 0%, #0C4741 50%, #03302B 100%);
}
</style>