#7A8C82 - #8F8FFF | 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 #7A8C82 to #8F8FFF

#7A8C82 #8F8FFF

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

#7A8C82 - #8F8FFF | 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 #7A8C82 as 0% and #8F8FFF as 100%.

0.0%	0.0% #7A8C82	RGB 122 140 130	#7A8C82
16.7%	16.7% #7D8C96	RGB 125 140 150	#7D8C96
33.3%	33.3% #818DAB	RGB 129 141 171	#818DAB
50.0%	50.0% #848DC0	RGB 132 141 192	#848DC0
66.7%	66.7% #888ED5	RGB 136 142 213	#888ED5
83.3%	83.3% #8B8EEA	RGB 139 142 234	#8B8EEA
100.0%	100.0% #8F8FFF	RGB 143 143 255	#8F8FFF

#7A8C82 #7D8C96 #818DAB #848DC0 #888ED5 #8B8EEA #8F8FFF

#7A8C82 - #8F8FFF

HSV Blend

#7A8C82 - #8F8FFF | 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 #7A8C82 as 0% and #8F8FFF as 100%.

0.0%	0.0% #7A8C82	RGB 122 140 130	#7A8C82
16.7%	16.7% #829F96	RGB 130 159 150	#829F96
33.3%	33.3% #88B2B0	RGB 136 178 176	#88B2B0
50.0%	50.0% #8DB9C5	RGB 141 185 197	#8DB9C5
66.7%	66.7% #8FB5D8	RGB 143 181 216	#8FB5D8
83.3%	83.3% #90A8EB	RGB 144 168 235	#90A8EB
100.0%	100.0% #8F8FFF	RGB 143 143 255	#8F8FFF

#7A8C82 #829F96 #88B2B0 #8DB9C5 #8FB5D8 #90A8EB #8F8FFF

#7A8C82 - #8DB9C5 - #8F8FFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7A8C82 0%, #8DB9C5 50%, #8F8FFF 100%);
    background: -webkit-linear-gradient(top, #7A8C82 0%, #8DB9C5 50%, #8F8FFF 100%);
    background: linear-gradient(to bottom, #7A8C82 0%, #8DB9C5 50%, #8F8FFF 100%);
}
</style>