#7A8C84 - #BF93FF | 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 #7A8C84 to #BF93FF

#7A8C84 #BF93FF

Calculate the color between two colors, #7A8C84 and #BF93FF. 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)

#7A8C84 - #BF93FF | 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 #7A8C84 as 0% and #BF93FF as 100%.

0.0%	0.0% #7A8C84	RGB 122 140 132	#7A8C84
16.7%	16.7% #858D98	RGB 133 141 152	#858D98
33.3%	33.3% #918EAD	RGB 145 142 173	#918EAD
50.0%	50.0% #9C8FC1	RGB 156 143 193	#9C8FC1
66.7%	66.7% #A890D6	RGB 168 144 214	#A890D6
83.3%	83.3% #B391EA	RGB 179 145 234	#B391EA
100.0%	100.0% #BF93FF	RGB 191 147 255	#BF93FF

#7A8C84 #858D98 #918EAD #9C8FC1 #A890D6 #B391EA #BF93FF

#7A8C84 - #BF93FF

HSV Blend

#7A8C84 - #BF93FF | 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 #7A8C84 as 0% and #BF93FF as 100%.

0.0%	0.0% #7A8C84	RGB 122 140 132	#7A8C84
16.7%	16.7% #829F9B	RGB 130 159 155	#829F9B
33.3%	33.3% #89ABB2	RGB 137 171 178	#89ABB2
50.0%	50.0% #8EABC5	RGB 142 171 197	#8EABC5
66.7%	66.7% #92A0D8	RGB 146 160 216	#92A0D8
83.3%	83.3% #9C93EB	RGB 156 147 235	#9C93EB
100.0%	100.0% #BF93FF	RGB 191 147 255	#BF93FF

#7A8C84 #829F9B #89ABB2 #8EABC5 #92A0D8 #9C93EB #BF93FF

#7A8C84 - #8EABC5 - #BF93FF

CSS codes

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

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