#42B6A8 - #00846D | 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 #42B6A8 to #00846D

#42B6A8 #00846D

Calculate the color between two colors, #42B6A8 and #00846D. 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)

#42B6A8 - #00846D | 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 #42B6A8 as 0% and #00846D as 100%.

0.0%	0.0% #42B6A8	RGB 66 182 168	#42B6A8
16.7%	16.7% #37AD9E	RGB 55 173 158	#37AD9E
33.3%	33.3% #2CA594	RGB 44 165 148	#2CA594
50.0%	50.0% #219D8A	RGB 33 157 138	#219D8A
66.7%	66.7% #169480	RGB 22 148 128	#169480
83.3%	83.3% #0B8C76	RGB 11 140 118	#0B8C76
100.0%	100.0% #00846D	RGB 0 132 109	#00846D

#42B6A8 #37AD9E #2CA594 #219D8A #169480 #0B8C76 #00846D

#42B6A8 - #00846D

HSV Blend

#42B6A8 - #00846D | 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 #42B6A8 as 0% and #00846D as 100%.

0.0%	0.0% #42B6A8	RGB 66 182 168	#42B6A8
16.7%	16.7% #34AD9D	RGB 52 173 157	#34AD9D
33.3%	33.3% #27A593	RGB 39 165 147	#27A593
50.0%	50.0% #1C9D8A	RGB 28 157 138	#1C9D8A
66.7%	66.7% #119480	RGB 17 148 128	#119480
83.3%	83.3% #088C76	RGB 8 140 118	#088C76
100.0%	100.0% #00846D	RGB 0 132 109	#00846D

#42B6A8 #34AD9D #27A593 #1C9D8A #119480 #088C76 #00846D

#42B6A8 - #1C9D8A - #00846D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #42B6A8 0%, #1C9D8A 50%, #00846D 100%);
    background: -webkit-linear-gradient(top, #42B6A8 0%, #1C9D8A 50%, #00846D 100%);
    background: linear-gradient(to bottom, #42B6A8 0%, #1C9D8A 50%, #00846D 100%);
}
</style>