#0A3939 - #31737C | 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 #0A3939 to #31737C

#0A3939 #31737C

Calculate the color between two colors, #0A3939 and #31737C. 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)

#0A3939 - #31737C | 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 #0A3939 as 0% and #31737C as 100%.

0.0%	0.0% #0A3939	RGB 10 57 57	#0A3939
16.7%	16.7% #104244	RGB 16 66 68	#104244
33.3%	33.3% #174C4F	RGB 23 76 79	#174C4F
50.0%	50.0% #1D565A	RGB 29 86 90	#1D565A
66.7%	66.7% #245F65	RGB 36 95 101	#245F65
83.3%	83.3% #2A6970	RGB 42 105 112	#2A6970
100.0%	100.0% #31737C	RGB 49 115 124	#31737C

#0A3939 #104244 #174C4F #1D565A #245F65 #2A6970 #31737C

#0A3939 - #31737C

HSV Blend

#0A3939 - #31737C | 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 #0A3939 as 0% and #31737C as 100%.

0.0%	0.0% #0A3939	RGB 10 57 57	#0A3939
16.7%	16.7% #0E4344	RGB 14 67 68	#0E4344
33.3%	33.3% #134C4F	RGB 19 76 79	#134C4F
50.0%	50.0% #19565A	RGB 25 86 90	#19565A
66.7%	66.7% #206065	RGB 32 96 101	#206065
83.3%	83.3% #286970	RGB 40 105 112	#286970
100.0%	100.0% #31737C	RGB 49 115 124	#31737C

#0A3939 #0E4344 #134C4F #19565A #206065 #286970 #31737C

#0A3939 - #19565A - #31737C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0A3939 0%, #19565A 50%, #31737C 100%);
    background: -webkit-linear-gradient(top, #0A3939 0%, #19565A 50%, #31737C 100%);
    background: linear-gradient(to bottom, #0A3939 0%, #19565A 50%, #31737C 100%);
}
</style>