#807A8C - #C89AF8 | 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 #807A8C to #C89AF8

#807A8C #C89AF8

Calculate the color between two colors, #807A8C and #C89AF8. 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)

#807A8C - #C89AF8 | 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 #807A8C as 0% and #C89AF8 as 100%.

0.0%	0.0% #807A8C	RGB 128 122 140	#807A8C
16.7%	16.7% #8C7F9E	RGB 140 127 158	#8C7F9E
33.3%	33.3% #9884B0	RGB 152 132 176	#9884B0
50.0%	50.0% #A48AC2	RGB 164 138 194	#A48AC2
66.7%	66.7% #B08FD4	RGB 176 143 212	#B08FD4
83.3%	83.3% #BC94E6	RGB 188 148 230	#BC94E6
100.0%	100.0% #C89AF8	RGB 200 154 248	#C89AF8

#807A8C #8C7F9E #9884B0 #A48AC2 #B08FD4 #BC94E6 #C89AF8

#807A8C - #C89AF8

HSV Blend

#807A8C - #C89AF8 | 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 #807A8C as 0% and #C89AF8 as 100%.

0.0%	0.0% #807A8C	RGB 128 122 140	#807A8C
16.7%	16.7% #8C839E	RGB 140 131 158	#8C839E
33.3%	33.3% #998AB0	RGB 153 138 176	#998AB0
50.0%	50.0% #A590C2	RGB 165 144 194	#A590C2
66.7%	66.7% #B095D4	RGB 176 149 212	#B095D4
83.3%	83.3% #BC98E6	RGB 188 152 230	#BC98E6
100.0%	100.0% #C89AF8	RGB 200 154 248	#C89AF8

#807A8C #8C839E #998AB0 #A590C2 #B095D4 #BC98E6 #C89AF8

#807A8C - #A590C2 - #C89AF8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #807A8C 0%, #A590C2 50%, #C89AF8 100%);
    background: -webkit-linear-gradient(top, #807A8C 0%, #A590C2 50%, #C89AF8 100%);
    background: linear-gradient(to bottom, #807A8C 0%, #A590C2 50%, #C89AF8 100%);
}
</style>