#1E5D5E - #98B09A | 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 #1E5D5E to #98B09A

#1E5D5E #98B09A

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

#1E5D5E - #98B09A | 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 #1E5D5E as 0% and #98B09A as 100%.

0.0%	0.0% #1E5D5E	RGB 30 93 94	#1E5D5E
16.7%	16.7% #326A68	RGB 50 106 104	#326A68
33.3%	33.3% #467872	RGB 70 120 114	#467872
50.0%	50.0% #5B867C	RGB 91 134 124	#5B867C
66.7%	66.7% #6F9486	RGB 111 148 134	#6F9486
83.3%	83.3% #83A290	RGB 131 162 144	#83A290
100.0%	100.0% #98B09A	RGB 152 176 154	#98B09A

#1E5D5E #326A68 #467872 #5B867C #6F9486 #83A290 #98B09A

#1E5D5E - #98B09A

HSV Blend

#1E5D5E - #98B09A | 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 #1E5D5E as 0% and #98B09A as 100%.

0.0%	0.0% #1E5C5E	RGB 30 92 94	#1E5C5E
16.7%	16.7% #2C6B62	RGB 44 107 98	#2C6B62
33.3%	33.3% #3C7967	RGB 60 121 103	#3C7967
50.0%	50.0% #4F876E	RGB 79 135 110	#4F876E
66.7%	66.7% #659478	RGB 101 148 120	#659478
83.3%	83.3% #7DA286	RGB 125 162 134	#7DA286
100.0%	100.0% #98B09A	RGB 152 176 154	#98B09A

#1E5C5E #2C6B62 #3C7967 #4F876E #659478 #7DA286 #98B09A

#1E5D5E - #4F876E - #98B09A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E5C5E 0%, #4F876E 50%, #98B09A 100%);
    background: -webkit-linear-gradient(top, #1E5C5E 0%, #4F876E 50%, #98B09A 100%);
    background: linear-gradient(to bottom, #1E5C5E 0%, #4F876E 50%, #98B09A 100%);
}
</style>