#1F5E5C - #043E37 | 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 #1F5E5C to #043E37

#1F5E5C #043E37

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

#1F5E5C - #043E37 | 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 #1F5E5C as 0% and #043E37 as 100%.

0.0%	0.0% #1F5E5C	RGB 31 94 92	#1F5E5C
16.7%	16.7% #1A5855	RGB 26 88 85	#1A5855
33.3%	33.3% #16534F	RGB 22 83 79	#16534F
50.0%	50.0% #114E49	RGB 17 78 73	#114E49
66.7%	66.7% #0D4843	RGB 13 72 67	#0D4843
83.3%	83.3% #08433D	RGB 8 67 61	#08433D
100.0%	100.0% #043E37	RGB 4 62 55	#043E37

#1F5E5C #1A5855 #16534F #114E49 #0D4843 #08433D #043E37

#1F5E5C - #043E37

HSV Blend

#1F5E5C - #043E37 | 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 #1F5E5C as 0% and #043E37 as 100%.

0.0%	0.0% #1F5E5C	RGB 31 94 92	#1F5E5C
16.7%	16.7% #195855	RGB 25 88 85	#195855
33.3%	33.3% #14534F	RGB 20 83 79	#14534F
50.0%	50.0% #0F4E49	RGB 15 78 73	#0F4E49
66.7%	66.7% #0B4843	RGB 11 72 67	#0B4843
83.3%	83.3% #07433C	RGB 7 67 60	#07433C
100.0%	100.0% #043E37	RGB 4 62 55	#043E37

#1F5E5C #195855 #14534F #0F4E49 #0B4843 #07433C #043E37

#1F5E5C - #0F4E49 - #043E37

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F5E5C 0%, #0F4E49 50%, #043E37 100%);
    background: -webkit-linear-gradient(top, #1F5E5C 0%, #0F4E49 50%, #043E37 100%);
    background: linear-gradient(to bottom, #1F5E5C 0%, #0F4E49 50%, #043E37 100%);
}
</style>