#85879B - #26262C | 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 #85879B to #26262C

#85879B #26262C

Calculate the color between two colors, #85879B and #26262C. 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)

#85879B - #26262C | 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 #85879B as 0% and #26262C as 100%.

0.0%	0.0% #85879B	RGB 133 135 155	#85879B
16.7%	16.7% #757688	RGB 117 118 136	#757688
33.3%	33.3% #656676	RGB 101 102 118	#656676
50.0%	50.0% #555663	RGB 85 86 99	#555663
66.7%	66.7% #454651	RGB 69 70 81	#454651
83.3%	83.3% #35363E	RGB 53 54 62	#35363E
100.0%	100.0% #26262C	RGB 38 38 44	#26262C

#85879B #757688 #656676 #555663 #454651 #35363E #26262C

#85879B - #26262C

HSV Blend

#85879B - #26262C | 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 #85879B as 0% and #26262C as 100%.

0.0%	0.0% #85879B	RGB 133 135 155	#85879B
16.7%	16.7% #757688	RGB 117 118 136	#757688
33.3%	33.3% #656676	RGB 101 102 118	#656676
50.0%	50.0% #555663	RGB 85 86 99	#555663
66.7%	66.7% #454651	RGB 69 70 81	#454651
83.3%	83.3% #35363E	RGB 53 54 62	#35363E
100.0%	100.0% #26262C	RGB 38 38 44	#26262C

#85879B #757688 #656676 #555663 #454651 #35363E #26262C

#85879B - #555663 - #26262C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #85879B 0%, #555663 50%, #26262C 100%);
    background: -webkit-linear-gradient(top, #85879B 0%, #555663 50%, #26262C 100%);
    background: linear-gradient(to bottom, #85879B 0%, #555663 50%, #26262C 100%);
}
</style>