#0F8C8C - #94DFA5 | 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 #0F8C8C to #94DFA5

#0F8C8C #94DFA5

Calculate the color between two colors, #0F8C8C and #94DFA5. 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)

#0F8C8C - #94DFA5 | 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 #0F8C8C as 0% and #94DFA5 as 100%.

0.0%	0.0% #0F8C8C	RGB 15 140 140	#0F8C8C
16.7%	16.7% #259990	RGB 37 153 144	#259990
33.3%	33.3% #3BA794	RGB 59 167 148	#3BA794
50.0%	50.0% #51B598	RGB 81 181 152	#51B598
66.7%	66.7% #67C39C	RGB 103 195 156	#67C39C
83.3%	83.3% #7DD1A0	RGB 125 209 160	#7DD1A0
100.0%	100.0% #94DFA5	RGB 148 223 165	#94DFA5

#0F8C8C #259990 #3BA794 #51B598 #67C39C #7DD1A0 #94DFA5

#0F8C8C - #94DFA5

HSV Blend

#0F8C8C - #94DFA5 | 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 #0F8C8C as 0% and #94DFA5 as 100%.

0.0%	0.0% #0F8C8C	RGB 15 140 140	#0F8C8C
16.7%	16.7% #1E9989	RGB 30 153 137	#1E9989
33.3%	33.3% #31A789	RGB 49 167 137	#31A789
50.0%	50.0% #45B58A	RGB 69 181 138	#45B58A
66.7%	66.7% #5DC38E	RGB 93 195 142	#5DC38E
83.3%	83.3% #77D197	RGB 119 209 151	#77D197
100.0%	100.0% #94DFA5	RGB 148 223 165	#94DFA5

#0F8C8C #1E9989 #31A789 #45B58A #5DC38E #77D197 #94DFA5

#0F8C8C - #45B58A - #94DFA5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0F8C8C 0%, #45B58A 50%, #94DFA5 100%);
    background: -webkit-linear-gradient(top, #0F8C8C 0%, #45B58A 50%, #94DFA5 100%);
    background: linear-gradient(to bottom, #0F8C8C 0%, #45B58A 50%, #94DFA5 100%);
}
</style>