#45D9A8 - #133E30 | 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 #45D9A8 to #133E30

#45D9A8 #133E30

Calculate the color between two colors, #45D9A8 and #133E30. 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)

#45D9A8 - #133E30 | 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 #45D9A8 as 0% and #133E30 as 100%.

0.0%	0.0% #45D9A8	RGB 69 217 168	#45D9A8
16.7%	16.7% #3CBF94	RGB 60 191 148	#3CBF94
33.3%	33.3% #34A580	RGB 52 165 128	#34A580
50.0%	50.0% #2C8B6C	RGB 44 139 108	#2C8B6C
66.7%	66.7% #237158	RGB 35 113 88	#237158
83.3%	83.3% #1B5744	RGB 27 87 68	#1B5744
100.0%	100.0% #133E30	RGB 19 62 48	#133E30

#45D9A8 #3CBF94 #34A580 #2C8B6C #237158 #1B5744 #133E30

#45D9A8 - #133E30

HSV Blend

#45D9A8 - #133E30 | 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 #45D9A8 as 0% and #133E30 as 100%.

0.0%	0.0% #45D9A8	RGB 69 217 168	#45D9A8
16.7%	16.7% #3CBF93	RGB 60 191 147	#3CBF93
33.3%	33.3% #33A57F	RGB 51 165 127	#33A57F
50.0%	50.0% #2B8B6B	RGB 43 139 107	#2B8B6B
66.7%	66.7% #237157	RGB 35 113 87	#237157
83.3%	83.3% #1B5743	RGB 27 87 67	#1B5743
100.0%	100.0% #133E30	RGB 19 62 48	#133E30

#45D9A8 #3CBF93 #33A57F #2B8B6B #237157 #1B5743 #133E30

#45D9A8 - #2B8B6B - #133E30

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #45D9A8 0%, #2B8B6B 50%, #133E30 100%);
    background: -webkit-linear-gradient(top, #45D9A8 0%, #2B8B6B 50%, #133E30 100%);
    background: linear-gradient(to bottom, #45D9A8 0%, #2B8B6B 50%, #133E30 100%);
}
</style>