#426B8C - #ABB4B2 | 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 #426B8C to #ABB4B2

#426B8C #ABB4B2

Calculate the color between two colors, #426B8C and #ABB4B2. 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)

#426B8C - #ABB4B2 | 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 #426B8C as 0% and #ABB4B2 as 100%.

0.0%	0.0% #426B8C	RGB 66 107 140	#426B8C
16.7%	16.7% #537792	RGB 83 119 146	#537792
33.3%	33.3% #658398	RGB 101 131 152	#658398
50.0%	50.0% #768F9F	RGB 118 143 159	#768F9F
66.7%	66.7% #889BA5	RGB 136 155 165	#889BA5
83.3%	83.3% #99A7AB	RGB 153 167 171	#99A7AB
100.0%	100.0% #ABB4B2	RGB 171 180 178	#ABB4B2

#426B8C #537792 #658398 #768F9F #889BA5 #99A7AB #ABB4B2

#426B8C - #ABB4B2

HSV Blend

#426B8C - #ABB4B2 | 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 #426B8C as 0% and #ABB4B2 as 100%.

0.0%	0.0% #426B8C	RGB 66 107 140	#426B8C
16.7%	16.7% #507C92	RGB 80 124 146	#507C92
33.3%	33.3% #608C99	RGB 96 140 153	#608C99
50.0%	50.0% #719AA0	RGB 113 154 160	#719AA0
66.7%	66.7% #83A6A6	RGB 131 166 166	#83A6A6
83.3%	83.3% #96ADAA	RGB 150 173 170	#96ADAA
100.0%	100.0% #ABB4B2	RGB 171 180 178	#ABB4B2

#426B8C #507C92 #608C99 #719AA0 #83A6A6 #96ADAA #ABB4B2

#426B8C - #719AA0 - #ABB4B2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #426B8C 0%, #719AA0 50%, #ABB4B2 100%);
    background: -webkit-linear-gradient(top, #426B8C 0%, #719AA0 50%, #ABB4B2 100%);
    background: linear-gradient(to bottom, #426B8C 0%, #719AA0 50%, #ABB4B2 100%);
}
</style>