#879FDA - #262D3E | 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 #879FDA to #262D3E

#879FDA #262D3E

Calculate the color between two colors, #879FDA and #262D3E. 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)

#879FDA - #262D3E | 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 #879FDA as 0% and #262D3E as 100%.

0.0%	0.0% #879FDA	RGB 135 159 218	#879FDA
16.7%	16.7% #768CC0	RGB 118 140 192	#768CC0
33.3%	33.3% #6679A6	RGB 102 121 166	#6679A6
50.0%	50.0% #56668C	RGB 86 102 140	#56668C
66.7%	66.7% #465372	RGB 70 83 114	#465372
83.3%	83.3% #364058	RGB 54 64 88	#364058
100.0%	100.0% #262D3E	RGB 38 45 62	#262D3E

#879FDA #768CC0 #6679A6 #56668C #465372 #364058 #262D3E

#879FDA - #262D3E

HSV Blend

#879FDA - #262D3E | 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 #879FDA as 0% and #262D3E as 100%.

0.0%	0.0% #879FDA	RGB 135 159 218	#879FDA
16.7%	16.7% #768BC0	RGB 118 139 192	#768BC0
33.3%	33.3% #6678A6	RGB 102 120 166	#6678A6
50.0%	50.0% #56658C	RGB 86 101 140	#56658C
66.7%	66.7% #465272	RGB 70 82 114	#465272
83.3%	83.3% #363F58	RGB 54 63 88	#363F58
100.0%	100.0% #262D3E	RGB 38 45 62	#262D3E

#879FDA #768BC0 #6678A6 #56658C #465272 #363F58 #262D3E

#879FDA - #56658C - #262D3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #879FDA 0%, #56658C 50%, #262D3E 100%);
    background: -webkit-linear-gradient(top, #879FDA 0%, #56658C 50%, #262D3E 100%);
    background: linear-gradient(to bottom, #879FDA 0%, #56658C 50%, #262D3E 100%);
}
</style>