#085E4C - #22CE8E | 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 #085E4C to #22CE8E

#085E4C #22CE8E

Calculate the color between two colors, #085E4C and #22CE8E. 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)

#085E4C - #22CE8E | 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 #085E4C as 0% and #22CE8E as 100%.

0.0%	0.0% #085E4C	RGB 8 94 76	#085E4C
16.7%	16.7% #0C7057	RGB 12 112 87	#0C7057
33.3%	33.3% #108362	RGB 16 131 98	#108362
50.0%	50.0% #15966D	RGB 21 150 109	#15966D
66.7%	66.7% #19A878	RGB 25 168 120	#19A878
83.3%	83.3% #1DBB83	RGB 29 187 131	#1DBB83
100.0%	100.0% #22CE8E	RGB 34 206 142	#22CE8E

#085E4C #0C7057 #108362 #15966D #19A878 #1DBB83 #22CE8E

#085E4C - #22CE8E

HSV Blend

#085E4C - #22CE8E | 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 #085E4C as 0% and #22CE8E as 100%.

0.0%	0.0% #075E4C	RGB 7 94 76	#075E4C
16.7%	16.7% #0B7058	RGB 11 112 88	#0B7058
33.3%	33.3% #0E8364	RGB 14 131 100	#0E8364
50.0%	50.0% #12966F	RGB 18 150 111	#12966F
66.7%	66.7% #17A87A	RGB 23 168 122	#17A87A
83.3%	83.3% #1CBB84	RGB 28 187 132	#1CBB84
100.0%	100.0% #22CE8E	RGB 34 206 142	#22CE8E

#075E4C #0B7058 #0E8364 #12966F #17A87A #1CBB84 #22CE8E

#085E4C - #12966F - #22CE8E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #075E4C 0%, #12966F 50%, #22CE8E 100%);
    background: -webkit-linear-gradient(top, #075E4C 0%, #12966F 50%, #22CE8E 100%);
    background: linear-gradient(to bottom, #075E4C 0%, #12966F 50%, #22CE8E 100%);
}
</style>