#6D4B5C - #969A8C | 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 #6D4B5C to #969A8C

#6D4B5C #969A8C

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

#6D4B5C - #969A8C | 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 #6D4B5C as 0% and #969A8C as 100%.

0.0%	0.0% #6D4B5C	RGB 109 75 92	#6D4B5C
16.7%	16.7% #735864	RGB 115 88 100	#735864
33.3%	33.3% #7A656C	RGB 122 101 108	#7A656C
50.0%	50.0% #817274	RGB 129 114 116	#817274
66.7%	66.7% #887F7C	RGB 136 127 124	#887F7C
83.3%	83.3% #8F8C84	RGB 143 140 132	#8F8C84
100.0%	100.0% #969A8C	RGB 150 154 140	#969A8C

#6D4B5C #735864 #7A656C #817274 #887F7C #8F8C84 #969A8C

#6D4B5C - #969A8C

HSV Blend

#6D4B5C - #969A8C | 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 #6D4B5C as 0% and #969A8C as 100%.

0.0%	0.0% #6D4B5C	RGB 109 75 92	#6D4B5C
16.7%	16.7% #74545A	RGB 116 84 90	#74545A
33.3%	33.3% #7C615E	RGB 124 97 94	#7C615E
50.0%	50.0% #837369	RGB 131 115 105	#837369
66.7%	66.7% #8B8374	RGB 139 131 116	#8B8374
83.3%	83.3% #92927F	RGB 146 146 127	#92927F
100.0%	100.0% #969A8C	RGB 150 154 140	#969A8C

#6D4B5C #74545A #7C615E #837369 #8B8374 #92927F #969A8C

#6D4B5C - #837369 - #969A8C

CSS codes

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

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