#1B5E52 - #053D36 | 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 #1B5E52 to #053D36

#1B5E52 #053D36

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

#1B5E52 - #053D36 | 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 #1B5E52 as 0% and #053D36 as 100%.

0.0%	0.0% #1B5E52	RGB 27 94 82	#1B5E52
16.7%	16.7% #17584D	RGB 23 88 77	#17584D
33.3%	33.3% #135348	RGB 19 83 72	#135348
50.0%	50.0% #104D44	RGB 16 77 68	#104D44
66.7%	66.7% #0C483F	RGB 12 72 63	#0C483F
83.3%	83.3% #08423A	RGB 8 66 58	#08423A
100.0%	100.0% #053D36	RGB 5 61 54	#053D36

#1B5E52 #17584D #135348 #104D44 #0C483F #08423A #053D36

#1B5E52 - #053D36

HSV Blend

#1B5E52 - #053D36 | 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 #1B5E52 as 0% and #053D36 as 100%.

0.0%	0.0% #1B5E52	RGB 27 94 82	#1B5E52
16.7%	16.7% #16584D	RGB 22 88 77	#16584D
33.3%	33.3% #125348	RGB 18 83 72	#125348
50.0%	50.0% #0E4D43	RGB 14 77 67	#0E4D43
66.7%	66.7% #0A483F	RGB 10 72 63	#0A483F
83.3%	83.3% #07423A	RGB 7 66 58	#07423A
100.0%	100.0% #053D36	RGB 5 61 54	#053D36

#1B5E52 #16584D #125348 #0E4D43 #0A483F #07423A #053D36

#1B5E52 - #0E4D43 - #053D36

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B5E52 0%, #0E4D43 50%, #053D36 100%);
    background: -webkit-linear-gradient(top, #1B5E52 0%, #0E4D43 50%, #053D36 100%);
    background: linear-gradient(to bottom, #1B5E52 0%, #0E4D43 50%, #053D36 100%);
}
</style>