#1C5E39 - #5E7FA6 | 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 #1C5E39 to #5E7FA6

#1C5E39 #5E7FA6

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

#1C5E39 - #5E7FA6 | 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 #1C5E39 as 0% and #5E7FA6 as 100%.

0.0%	0.0% #1C5E39	RGB 28 94 57	#1C5E39
16.7%	16.7% #27634B	RGB 39 99 75	#27634B
33.3%	33.3% #32695D	RGB 50 105 93	#32695D
50.0%	50.0% #3D6E6F	RGB 61 110 111	#3D6E6F
66.7%	66.7% #487481	RGB 72 116 129	#487481
83.3%	83.3% #537993	RGB 83 121 147	#537993
100.0%	100.0% #5E7FA6	RGB 94 127 166	#5E7FA6

#1C5E39 #27634B #32695D #3D6E6F #487481 #537993 #5E7FA6

#1C5E39 - #5E7FA6

HSV Blend

#1C5E39 - #5E7FA6 | 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 #1C5E39 as 0% and #5E7FA6 as 100%.

0.0%	0.0% #1C5E39	RGB 28 94 57	#1C5E39
16.7%	16.7% #246A4F	RGB 36 106 79	#246A4F
33.3%	33.3% #2D7668	RGB 45 118 104	#2D7668
50.0%	50.0% #388281	RGB 56 130 129	#388281
66.7%	66.7% #43818E	RGB 67 129 142	#43818E
83.3%	83.3% #507F9A	RGB 80 127 154	#507F9A
100.0%	100.0% #5E7FA6	RGB 94 127 166	#5E7FA6

#1C5E39 #246A4F #2D7668 #388281 #43818E #507F9A #5E7FA6

#1C5E39 - #388281 - #5E7FA6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1C5E39 0%, #388281 50%, #5E7FA6 100%);
    background: -webkit-linear-gradient(top, #1C5E39 0%, #388281 50%, #5E7FA6 100%);
    background: linear-gradient(to bottom, #1C5E39 0%, #388281 50%, #5E7FA6 100%);
}
</style>