#496B5E - #927CE4 | 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 #496B5E to #927CE4

#496B5E #927CE4

Calculate the color between two colors, #496B5E and #927CE4. 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)

#496B5E - #927CE4 | 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 #496B5E as 0% and #927CE4 as 100%.

0.0%	0.0% #496B5E	RGB 73 107 94	#496B5E
16.7%	16.7% #556D74	RGB 85 109 116	#556D74
33.3%	33.3% #61708A	RGB 97 112 138	#61708A
50.0%	50.0% #6D73A1	RGB 109 115 161	#6D73A1
66.7%	66.7% #7976B7	RGB 121 118 183	#7976B7
83.3%	83.3% #8579CD	RGB 133 121 205	#8579CD
100.0%	100.0% #927CE4	RGB 146 124 228	#927CE4

#496B5E #556D74 #61708A #6D73A1 #7976B7 #8579CD #927CE4

#496B5E - #927CE4

HSV Blend

#496B5E - #927CE4 | 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 #496B5E as 0% and #927CE4 as 100%.

0.0%	0.0% #496B5E	RGB 73 107 94	#496B5E
16.7%	16.7% #537F7A	RGB 83 127 122	#537F7A
33.3%	33.3% #5D8B93	RGB 93 139 147	#5D8B93
50.0%	50.0% #668CA7	RGB 102 140 167	#668CA7
66.7%	66.7% #6E87BB	RGB 110 135 187	#6E87BB
83.3%	83.3% #757ACF	RGB 117 122 207	#757ACF
100.0%	100.0% #927CE4	RGB 146 124 228	#927CE4

#496B5E #537F7A #5D8B93 #668CA7 #6E87BB #757ACF #927CE4

#496B5E - #668CA7 - #927CE4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #496B5E 0%, #668CA7 50%, #927CE4 100%);
    background: -webkit-linear-gradient(top, #496B5E 0%, #668CA7 50%, #927CE4 100%);
    background: linear-gradient(to bottom, #496B5E 0%, #668CA7 50%, #927CE4 100%);
}
</style>