#8F90D3 - #32408E | 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 #8F90D3 to #32408E

#8F90D3 #32408E

Calculate the color between two colors, #8F90D3 and #32408E. 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)

#8F90D3 - #32408E | 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 #8F90D3 as 0% and #32408E as 100%.

0.0%	0.0% #8F90D3	RGB 143 144 211	#8F90D3
16.7%	16.7% #7F82C7	RGB 127 130 199	#7F82C7
33.3%	33.3% #7075BC	RGB 112 117 188	#7075BC
50.0%	50.0% #6068B0	RGB 96 104 176	#6068B0
66.7%	66.7% #515AA5	RGB 81 90 165	#515AA5
83.3%	83.3% #414D99	RGB 65 77 153	#414D99
100.0%	100.0% #32408E	RGB 50 64 142	#32408E

#8F90D3 #7F82C7 #7075BC #6068B0 #515AA5 #414D99 #32408E

#8F90D3 - #32408E

HSV Blend

#8F90D3 - #32408E | 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 #8F90D3 as 0% and #32408E as 100%.

0.0%	0.0% #8F90D3	RGB 143 144 211	#8F90D3
16.7%	16.7% #7C7FC7	RGB 124 127 199	#7C7FC7
33.3%	33.3% #6B6FBC	RGB 107 111 188	#6B6FBC
50.0%	50.0% #5A62B0	RGB 90 98 176	#5A62B0
66.7%	66.7% #4C55A5	RGB 76 85 165	#4C55A5
83.3%	83.3% #3E4A99	RGB 62 74 153	#3E4A99
100.0%	100.0% #32408E	RGB 50 64 142	#32408E

#8F90D3 #7C7FC7 #6B6FBC #5A62B0 #4C55A5 #3E4A99 #32408E

#8F90D3 - #5A62B0 - #32408E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8F90D3 0%, #5A62B0 50%, #32408E 100%);
    background: -webkit-linear-gradient(top, #8F90D3 0%, #5A62B0 50%, #32408E 100%);
    background: linear-gradient(to bottom, #8F90D3 0%, #5A62B0 50%, #32408E 100%);
}
</style>