#979AA7 - #414A8F | 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 #979AA7 to #414A8F

#979AA7 #414A8F

Calculate the color between two colors, #979AA7 and #414A8F. 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)

#979AA7 - #414A8F | 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 #979AA7 as 0% and #414A8F as 100%.

0.0%	0.0% #979AA7	RGB 151 154 167	#979AA7
16.7%	16.7% #888CA3	RGB 136 140 163	#888CA3
33.3%	33.3% #7A7F9F	RGB 122 127 159	#7A7F9F
50.0%	50.0% #6C729B	RGB 108 114 155	#6C729B
66.7%	66.7% #5D6497	RGB 93 100 151	#5D6497
83.3%	83.3% #4F5793	RGB 79 87 147	#4F5793
100.0%	100.0% #414A8F	RGB 65 74 143	#414A8F

#979AA7 #888CA3 #7A7F9F #6C729B #5D6497 #4F5793 #414A8F

#979AA7 - #414A8F

HSV Blend

#979AA7 - #414A8F | 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 #979AA7 as 0% and #414A8F as 100%.

0.0%	0.0% #979AA7	RGB 151 154 167	#979AA7
16.7%	16.7% #878CA3	RGB 135 140 163	#878CA3
33.3%	33.3% #777E9F	RGB 119 126 159	#777E9F
50.0%	50.0% #69709B	RGB 105 112 155	#69709B
66.7%	66.7% #5B6397	RGB 91 99 151	#5B6397
83.3%	83.3% #4D5693	RGB 77 86 147	#4D5693
100.0%	100.0% #414A8F	RGB 65 74 143	#414A8F

#979AA7 #878CA3 #777E9F #69709B #5B6397 #4D5693 #414A8F

#979AA7 - #69709B - #414A8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #979AA7 0%, #69709B 50%, #414A8F 100%);
    background: -webkit-linear-gradient(top, #979AA7 0%, #69709B 50%, #414A8F 100%);
    background: linear-gradient(to bottom, #979AA7 0%, #69709B 50%, #414A8F 100%);
}
</style>