#1A8F64 - #045530 | 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 #1A8F64 to #045530

#1A8F64 #045530

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

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

0.0%	0.0% #1A8F64	RGB 26 143 100	#1A8F64
16.7%	16.7% #16855B	RGB 22 133 91	#16855B
33.3%	33.3% #127B52	RGB 18 123 82	#127B52
50.0%	50.0% #0F724A	RGB 15 114 74	#0F724A
66.7%	66.7% #0B6841	RGB 11 104 65	#0B6841
83.3%	83.3% #075E38	RGB 7 94 56	#075E38
100.0%	100.0% #045530	RGB 4 85 48	#045530

#1A8F64 #16855B #127B52 #0F724A #0B6841 #075E38 #045530

#1A8F64 - #045530

HSV Blend

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

0.0%	0.0% #1A8F64	RGB 26 143 100	#1A8F64
16.7%	16.7% #15855A	RGB 21 133 90	#15855A
33.3%	33.3% #107B51	RGB 16 123 81	#107B51
50.0%	50.0% #0D7248	RGB 13 114 72	#0D7248
66.7%	66.7% #09683F	RGB 9 104 63	#09683F
83.3%	83.3% #065E37	RGB 6 94 55	#065E37
100.0%	100.0% #045530	RGB 4 85 48	#045530

#1A8F64 #15855A #107B51 #0D7248 #09683F #065E37 #045530

#1A8F64 - #0D7248 - #045530

CSS codes

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

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