#825A6F - #25191F | 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 #825A6F to #25191F

#825A6F #25191F

Calculate the color between two colors, #825A6F and #25191F. 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)

#825A6F - #25191F | 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 #825A6F as 0% and #25191F as 100%.

0.0%	0.0% #825A6F	RGB 130 90 111	#825A6F
16.7%	16.7% #724F61	RGB 114 79 97	#724F61
33.3%	33.3% #634454	RGB 99 68 84	#634454
50.0%	50.0% #533947	RGB 83 57 71	#533947
66.7%	66.7% #442E39	RGB 68 46 57	#442E39
83.3%	83.3% #34232C	RGB 52 35 44	#34232C
100.0%	100.0% #25191F	RGB 37 25 31	#25191F

#825A6F #724F61 #634454 #533947 #442E39 #34232C #25191F

#825A6F - #25191F

HSV Blend

#825A6F - #25191F | 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 #825A6F as 0% and #25191F as 100%.

0.0%	0.0% #825A6F	RGB 130 90 111	#825A6F
16.7%	16.7% #724E61	RGB 114 78 97	#724E61
33.3%	33.3% #634354	RGB 99 67 84	#634354
50.0%	50.0% #533946	RGB 83 57 70	#533946
66.7%	66.7% #442E39	RGB 68 46 57	#442E39
83.3%	83.3% #34232C	RGB 52 35 44	#34232C
100.0%	100.0% #25191F	RGB 37 25 31	#25191F

#825A6F #724E61 #634354 #533946 #442E39 #34232C #25191F

#825A6F - #533946 - #25191F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #825A6F 0%, #533946 50%, #25191F 100%);
    background: -webkit-linear-gradient(top, #825A6F 0%, #533946 50%, #25191F 100%);
    background: linear-gradient(to bottom, #825A6F 0%, #533946 50%, #25191F 100%);
}
</style>