#875F8F - #DCD1DF | 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 #875F8F to #DCD1DF

#875F8F #DCD1DF

Calculate the color between two colors, #875F8F and #DCD1DF. 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)

#875F8F - #DCD1DF | 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 #875F8F as 0% and #DCD1DF as 100%.

0.0%	0.0% #875F8F	RGB 135 95 143	#875F8F
16.7%	16.7% #95729C	RGB 149 114 156	#95729C
33.3%	33.3% #A385A9	RGB 163 133 169	#A385A9
50.0%	50.0% #B198B7	RGB 177 152 183	#B198B7
66.7%	66.7% #BFABC4	RGB 191 171 196	#BFABC4
83.3%	83.3% #CDBED1	RGB 205 190 209	#CDBED1
100.0%	100.0% #DCD1DF	RGB 220 209 223	#DCD1DF

#875F8F #95729C #A385A9 #B198B7 #BFABC4 #CDBED1 #DCD1DF

#875F8F - #DCD1DF

HSV Blend

#875F8F - #DCD1DF | 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 #875F8F as 0% and #DCD1DF as 100%.

0.0%	0.0% #875F8F	RGB 135 95 143	#875F8F
16.7%	16.7% #946E9C	RGB 148 110 156	#946E9C
33.3%	33.3% #A280A9	RGB 162 128 169	#A280A9
50.0%	50.0% #B092B7	RGB 176 146 183	#B092B7
66.7%	66.7% #BEA6C4	RGB 190 166 196	#BEA6C4
83.3%	83.3% #CCBAD1	RGB 204 186 209	#CCBAD1
100.0%	100.0% #DCD1DF	RGB 220 209 223	#DCD1DF

#875F8F #946E9C #A280A9 #B092B7 #BEA6C4 #CCBAD1 #DCD1DF

#875F8F - #B092B7 - #DCD1DF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #875F8F 0%, #B092B7 50%, #DCD1DF 100%);
    background: -webkit-linear-gradient(top, #875F8F 0%, #B092B7 50%, #DCD1DF 100%);
    background: linear-gradient(to bottom, #875F8F 0%, #B092B7 50%, #DCD1DF 100%);
}
</style>