#906B9F - #281E2D | 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 #906B9F to #281E2D

#906B9F #281E2D

Calculate the color between two colors, #906B9F and #281E2D. 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)

#906B9F - #281E2D | 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 #906B9F as 0% and #281E2D as 100%.

0.0%	0.0% #906B9F	RGB 144 107 159	#906B9F
16.7%	16.7% #7E5E8C	RGB 126 94 140	#7E5E8C
33.3%	33.3% #6D5179	RGB 109 81 121	#6D5179
50.0%	50.0% #5C4466	RGB 92 68 102	#5C4466
66.7%	66.7% #4A3753	RGB 74 55 83	#4A3753
83.3%	83.3% #392A40	RGB 57 42 64	#392A40
100.0%	100.0% #281E2D	RGB 40 30 45	#281E2D

#906B9F #7E5E8C #6D5179 #5C4466 #4A3753 #392A40 #281E2D

#906B9F - #281E2D

HSV Blend

#906B9F - #281E2D | 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 #906B9F as 0% and #281E2D as 100%.

0.0%	0.0% #906B9F	RGB 144 107 159	#906B9F
16.7%	16.7% #7E5E8C	RGB 126 94 140	#7E5E8C
33.3%	33.3% #6C5179	RGB 108 81 121	#6C5179
50.0%	50.0% #5B4466	RGB 91 68 102	#5B4466
66.7%	66.7% #4A3753	RGB 74 55 83	#4A3753
83.3%	83.3% #392A40	RGB 57 42 64	#392A40
100.0%	100.0% #281E2D	RGB 40 30 45	#281E2D

#906B9F #7E5E8C #6C5179 #5B4466 #4A3753 #392A40 #281E2D

#906B9F - #5B4466 - #281E2D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #906B9F 0%, #5B4466 50%, #281E2D 100%);
    background: -webkit-linear-gradient(top, #906B9F 0%, #5B4466 50%, #281E2D 100%);
    background: linear-gradient(to bottom, #906B9F 0%, #5B4466 50%, #281E2D 100%);
}
</style>