#8694A8 - #262A30 | 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 #8694A8 to #262A30

#8694A8 #262A30

Calculate the color between two colors, #8694A8 and #262A30. 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)

#8694A8 - #262A30 | 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 #8694A8 as 0% and #262A30 as 100%.

0.0%	0.0% #8694A8	RGB 134 148 168	#8694A8
16.7%	16.7% #768294	RGB 118 130 148	#768294
33.3%	33.3% #667080	RGB 102 112 128	#667080
50.0%	50.0% #565F6C	RGB 86 95 108	#565F6C
66.7%	66.7% #464D58	RGB 70 77 88	#464D58
83.3%	83.3% #363B44	RGB 54 59 68	#363B44
100.0%	100.0% #262A30	RGB 38 42 48	#262A30

#8694A8 #768294 #667080 #565F6C #464D58 #363B44 #262A30

#8694A8 - #262A30

HSV Blend

#8694A8 - #262A30 | 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 #8694A8 as 0% and #262A30 as 100%.

0.0%	0.0% #8694A8	RGB 134 148 168	#8694A8
16.7%	16.7% #758294	RGB 117 130 148	#758294
33.3%	33.3% #657080	RGB 101 112 128	#657080
50.0%	50.0% #555E6C	RGB 85 94 108	#555E6C
66.7%	66.7% #454D58	RGB 69 77 88	#454D58
83.3%	83.3% #353B44	RGB 53 59 68	#353B44
100.0%	100.0% #262A30	RGB 38 42 48	#262A30

#8694A8 #758294 #657080 #555E6C #454D58 #353B44 #262A30

#8694A8 - #555E6C - #262A30

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8694A8 0%, #555E6C 50%, #262A30 100%);
    background: -webkit-linear-gradient(top, #8694A8 0%, #555E6C 50%, #262A30 100%);
    background: linear-gradient(to bottom, #8694A8 0%, #555E6C 50%, #262A30 100%);
}
</style>