#1EB6AD - #083331 | 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 #1EB6AD to #083331

#1EB6AD #083331

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

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

0.0%	0.0% #1EB6AD	RGB 30 182 173	#1EB6AD
16.7%	16.7% #1AA098	RGB 26 160 152	#1AA098
33.3%	33.3% #168A83	RGB 22 138 131	#168A83
50.0%	50.0% #13746F	RGB 19 116 111	#13746F
66.7%	66.7% #0F5E5A	RGB 15 94 90	#0F5E5A
83.3%	83.3% #0B4845	RGB 11 72 69	#0B4845
100.0%	100.0% #083331	RGB 8 51 49	#083331

#1EB6AD #1AA098 #168A83 #13746F #0F5E5A #0B4845 #083331

#1EB6AD - #083331

HSV Blend

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

0.0%	0.0% #1DB6AD	RGB 29 182 173	#1DB6AD
16.7%	16.7% #1AA098	RGB 26 160 152	#1AA098
33.3%	33.3% #168A83	RGB 22 138 131	#168A83
50.0%	50.0% #12746F	RGB 18 116 111	#12746F
66.7%	66.7% #0F5E5A	RGB 15 94 90	#0F5E5A
83.3%	83.3% #0B4845	RGB 11 72 69	#0B4845
100.0%	100.0% #083331	RGB 8 51 49	#083331

#1DB6AD #1AA098 #168A83 #12746F #0F5E5A #0B4845 #083331

#1EB6AD - #12746F - #083331

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1DB6AD 0%, #12746F 50%, #083331 100%);
    background: -webkit-linear-gradient(top, #1DB6AD 0%, #12746F 50%, #083331 100%);
    background: linear-gradient(to bottom, #1DB6AD 0%, #12746F 50%, #083331 100%);
}
</style>