#88768D - #8FA1DF | 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 #88768D to #8FA1DF

#88768D #8FA1DF

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

#88768D - #8FA1DF | 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 #88768D as 0% and #8FA1DF as 100%.

0.0%	0.0% #88768D	RGB 136 118 141	#88768D
16.7%	16.7% #897D9A	RGB 137 125 154	#897D9A
33.3%	33.3% #8A84A8	RGB 138 132 168	#8A84A8
50.0%	50.0% #8B8BB6	RGB 139 139 182	#8B8BB6
66.7%	66.7% #8C92C3	RGB 140 146 195	#8C92C3
83.3%	83.3% #8D99D1	RGB 141 153 209	#8D99D1
100.0%	100.0% #8FA1DF	RGB 143 161 223	#8FA1DF

#88768D #897D9A #8A84A8 #8B8BB6 #8C92C3 #8D99D1 #8FA1DF

#88768D - #8FA1DF

HSV Blend

#88768D - #8FA1DF | 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 #88768D as 0% and #8FA1DF as 100%.

0.0%	0.0% #88768D	RGB 136 118 141	#88768D
16.7%	16.7% #8F7C9A	RGB 143 124 154	#8F7C9A
33.3%	33.3% #9381A8	RGB 147 129 168	#9381A8
50.0%	50.0% #9386B6	RGB 147 134 182	#9386B6
66.7%	66.7% #908AC3	RGB 144 138 195	#908AC3
83.3%	83.3% #8D90D1	RGB 141 144 209	#8D90D1
100.0%	100.0% #8FA1DF	RGB 143 161 223	#8FA1DF

#88768D #8F7C9A #9381A8 #9386B6 #908AC3 #8D90D1 #8FA1DF

#88768D - #9386B6 - #8FA1DF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #88768D 0%, #9386B6 50%, #8FA1DF 100%);
    background: -webkit-linear-gradient(top, #88768D 0%, #9386B6 50%, #8FA1DF 100%);
    background: linear-gradient(to bottom, #88768D 0%, #9386B6 50%, #8FA1DF 100%);
}
</style>