#85FFDF - #26483E | 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 #85FFDF to #26483E

#85FFDF #26483E

Calculate the color between two colors, #85FFDF and #26483E. 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)

#85FFDF - #26483E | 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 #85FFDF as 0% and #26483E as 100%.

0.0%	0.0% #85FFDF	RGB 133 255 223	#85FFDF
16.7%	16.7% #75E0C4	RGB 117 224 196	#75E0C4
33.3%	33.3% #65C2A9	RGB 101 194 169	#65C2A9
50.0%	50.0% #55A38E	RGB 85 163 142	#55A38E
66.7%	66.7% #458473	RGB 69 132 115	#458473
83.3%	83.3% #356658	RGB 53 102 88	#356658
100.0%	100.0% #26483E	RGB 38 72 62	#26483E

#85FFDF #75E0C4 #65C2A9 #55A38E #458473 #356658 #26483E

#85FFDF - #26483E

HSV Blend

#85FFDF - #26483E | 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 #85FFDF as 0% and #26483E as 100%.

0.0%	0.0% #85FFDF	RGB 133 255 223	#85FFDF
16.7%	16.7% #75E0C3	RGB 117 224 195	#75E0C3
33.3%	33.3% #65C2A8	RGB 101 194 168	#65C2A8
50.0%	50.0% #55A38D	RGB 85 163 141	#55A38D
66.7%	66.7% #458473	RGB 69 132 115	#458473
83.3%	83.3% #356658	RGB 53 102 88	#356658
100.0%	100.0% #26483E	RGB 38 72 62	#26483E

#85FFDF #75E0C3 #65C2A8 #55A38D #458473 #356658 #26483E

#85FFDF - #55A38D - #26483E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #85FFDF 0%, #55A38D 50%, #26483E 100%);
    background: -webkit-linear-gradient(top, #85FFDF 0%, #55A38D 50%, #26483E 100%);
    background: linear-gradient(to bottom, #85FFDF 0%, #55A38D 50%, #26483E 100%);
}
</style>