#877F85 - #CD9FDF | 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 #877F85 to #CD9FDF

#877F85 #CD9FDF

Calculate the color between two colors, #877F85 and #CD9FDF. 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)

#877F85 - #CD9FDF | 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 #877F85 as 0% and #CD9FDF as 100%.

0.0%	0.0% #877F85	RGB 135 127 133	#877F85
16.7%	16.7% #928494	RGB 146 132 148	#928494
33.3%	33.3% #9E89A3	RGB 158 137 163	#9E89A3
50.0%	50.0% #AA8FB2	RGB 170 143 178	#AA8FB2
66.7%	66.7% #B594C1	RGB 181 148 193	#B594C1
83.3%	83.3% #C199D0	RGB 193 153 208	#C199D0
100.0%	100.0% #CD9FDF	RGB 205 159 223	#CD9FDF

#877F85 #928494 #9E89A3 #AA8FB2 #B594C1 #C199D0 #CD9FDF

#877F85 - #CD9FDF

HSV Blend

#877F85 - #CD9FDF | 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 #877F85 as 0% and #CD9FDF as 100%.

0.0%	0.0% #877F85	RGB 135 127 133	#877F85
16.7%	16.7% #958793	RGB 149 135 147	#958793
33.3%	33.3% #A48EA2	RGB 164 142 162	#A48EA2
50.0%	50.0% #B294B3	RGB 178 148 179	#B294B3
66.7%	66.7% #BD98C1	RGB 189 152 193	#BD98C1
83.3%	83.3% #C69CD0	RGB 198 156 208	#C69CD0
100.0%	100.0% #CD9FDF	RGB 205 159 223	#CD9FDF

#877F85 #958793 #A48EA2 #B294B3 #BD98C1 #C69CD0 #CD9FDF

#877F85 - #B294B3 - #CD9FDF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #877F85 0%, #B294B3 50%, #CD9FDF 100%);
    background: -webkit-linear-gradient(top, #877F85 0%, #B294B3 50%, #CD9FDF 100%);
    background: linear-gradient(to bottom, #877F85 0%, #B294B3 50%, #CD9FDF 100%);
}
</style>